webgme-plotly
This repository contains components for visualizing plotly JSON in webgme .
Quick start
Use webgme-cli to import PlotlyGraph
panel to your webgme app:
$ webgme import viz PlotlyGraph webgme-plotly
After import, PlotlyGraph
will be available as a visualizer in your project. An example can be found
in deepforge.
Examples
This repository is a functioning example of the PlotlyGraph
. First, make sure you have an instance of mongo
running locally. Then, simply clone this repository and run it.
git clone https://github.com/deepforge-dev/webgme-plotly.gitcd webgme-plotlynpm installnpm start
Then, navigate to http://localhost:8888
, select the following seed, load it as a
project and select PlotlyGraph
panel for the sampleGraph node as shown in the figure below:
Customization
To use it in your own visualizer to visualize plotly JSON from your project nodes, use the following customization panel parameters.
params = {
plotlyDataAttribute: The active node attribute which stores plotly JSON
embedded: If true, the visualizer will expect a parent visualizer to call "selectedObjectChanged". If false, it will subscribe to WebGME events.
}
PlotlyGraphPanel;