Sharing Views Externally

Once you have saved a view you can:

  • Share its url directly with others using the Project > Views tab. Optionally you can require authentication and set a password.

  • Embed a shared GraphXR view as an iframe on another web page, using the dropdown list of the project’s saved views available on the Projects (Home) page.

Sharing a Single View

Yu can go to the Project > Views tab to obtain a view link for an individual view that can be shared with anyone external to the project, even if they do not have a GraphXR login. Optionally, you can protect the view by requiring login and password authentication.

To share a view link:

  1. Enter the project, and open the Project > Views tab.

  2. Locate the view you want to share in the thumbnail tile or list view, and click its Share view_ icon.

    In the Share…​ dialog you can simply click Copy Link to copy a url that you can email to another user. You have the option to require authentication such that the user must log in, and must have a password to open the view.

    02 04 04a ShareOneView

  3. Click the Require authentication checkbox.

    02 04 04b ShareOneViewPassword

  4. Enter a password and click Save.

    A message indicates that the password has been saved. You can now click Copy Link and paste it into an email to the user. Send the password in a separate email.

    02 04 04c ShareOneViewCopyLink

Embed a view as an iFrame

Code for iFrame embedding can be obtained from a project’s list of shared views. The views will be displayed according tho the sharing configuration set in the project.

To embed a view as an iFrame:

  1. In the Project (Home) page, click the project’s Share icon to see the menu of shared views.

    02 04 03 SharedViewIframe

  2. Locate the view to embed and click the icon at the right to generate iframe code.

    A message indicates that the code has been copied to the clipboard.

  3. Paste the iFrame embed code into the html for the web page of your choice. This code should be similar to the following example:

    <iframe id="iframe-id-graph" src="VIEW URL GOES HERE" height="600px" width = "100%"></iframe>
<script>
let graphXRIframe = document.getElementById("iframe-id-graph");
graphXRIframe.addEventListener('mouseover', function () {
    window.document.body.style.overflow = 'hidden';
    graphXRIframe.style.overflow = 'auto';
});
graphXRIframe.addEventListener('mouseout', function () {
    window.document.body.style.overflow = 'auto';
    graphXRIframe.style.overflow = 'hidden';
})
</script>