Selecting layouts

[gourav-sg]

Is your feature request related to a problem? Please describe. Can we please select different layouts that is so mandatory to make any sense of graphs

Describe the solution you'd like the ability to select different layouts as shown here https://js.cytoscape.org/

Describe alternatives you've considered Plotly, but the coding is too high

Additional context Graph visualisations without layout and filtering becomes quite a lot of work particularly with large graphs.

[krlawrence]

Thanks for the feedback @gourav-sg . Under the covers the rendering today is performed using Vis.js. Any of the Vis.js settings can be changed using the %%graph_notebook_vis_options magic. There is an example of changing to a network layout in the Air-Routes-Gremlin sample notebook. That said, we are interested in making more of the visualizations available via the UI and/or options to the magic commands. There is a recent pull request for example, that adds support for controlling the physics simulation duration using parameters to the magic commands.

As a simple example, to change the layout (view) to be a top to bottom hierarchical network, the JSON passed to %%graph_notebook_vis_options will include:

  "physics": {
    "hierarchicalRepulsion": {
      "centralGravity": 0
    },
    "minVelocity": 0.75,
    "solver": "hierarchicalRepulsion"
  },
  "layout": {
    "hierarchical": { 
      "enabled": true,
      "direction": "UD",
      "sortMethod": "directed",
      "edgeMinimization":false }
  }

and will yield results that look like this:

The Vis.js layout options are described here https://visjs.github.io/vis-network/docs/network/layout.html

[gourav-sg]

hi , @krlawrence can you have a look at this https://blog.jupyter.org/interactive-graph-visualization-in-jupyter-with-ipycytoscape-a8828a54ab63? I think that cytoscape also does a brilliant work.

Regards, Gourav

[joywa]

Hi @gourav-sg thank you for this enhancement request. We don't have plans to change from vis.js to cytoscape at this time for graph-notebook. However, have you seen the Graph Explorer project that was recently launched? https://github.com/aws/graph-explorer. It is actually built using Cytoscape and has preset layouts. Please give it a try and let us know if this can work for your use cases.

[gourav-sg]

Hi,

This sounds fantastic, thank you so much.

Regards, Gourav

On Thu, 19 Jan 2023, 00:24 Joy Wang, @.***> wrote:

Hi @gourav-sg https://github.com/gourav-sg thank you for this enhancement request. We don't have plans to change from vis.js to cytoscape at this time for graph-notebook. However, have you seen the Graph Explorer project that was recently launched? https://github.com/aws/graph-explorer. It is actually built using Cytoscape and has preset layouts. Please give it a try and let us know if this can work for your use cases.

— Reply to this email directly, view it on GitHub https://github.com/aws/graph-notebook/issues/193#issuecomment-1396276816, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAJZLQ244LUB2SMX7T67H33WTCCSDANCNFSM5EEM4GTQ . You are receiving this because you were mentioned.Message ID: @.***>

[gourav-sg]

Hi Gourav!

So great seeing that you have found the graph-explorer.

How is it going so far? I would love to hear about what you are building. Thank you for reaching out.

Cheers,

Denise

From: Gourav Sengupta @.> Date: Thursday, January 19, 2023 at 4:08 AM To: aws/graph-notebook @.>, "Gosnell, Denise" @.***> Subject: RE: [EXTERNAL][aws/graph-notebook] Selecting layouts (#193)

CAUTION: This email originated from outside of the organization. Do not click links or open attachments unless you can confirm the sender and know the content is safe.

Hi,

This sounds fantastic, thank you so much.

Regards, Gourav On Thu, 19 Jan 2023, 00:24 Joy Wang, @.@.>> wrote:

Hi @gourav-sghttps://github.com/gourav-sg thank you for this enhancement request. We don't have plans to change from vis.js to cytoscape at this time for graph-notebook. However, have you seen the Graph Explorer project that was recently launched? https://github.com/aws/graph-explorer. It is actually built using Cytoscape and has preset layouts. Please give it a try and let us know if this can work for your use cases.

— Reply to this email directly, view it on GitHubhttps://github.com/aws/graph-notebook/issues/193#issuecomment-1396276816, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AAJZLQ244LUB2SMX7T67H33WTCCSDANCNFSM5EEM4GTQ. You are receiving this because you were mentioned.Message ID: @.***>