webgme-plotly
This repository contains components for visualizing [plotly](https://plotly.com/javascript/) JSON in [webgme ](https://github.com/webgme/webgme). ## Quick start Use [webgme-cli](https://github.com/webgme/webgme-cli) to import `PlotlyGraph` panel to your
Last updated 2 months ago by brollb .
Original npm · Tarball · package.json
$ cnpm install webgme-plotly 
SYNC missed versions from official npm registry.

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.git
cd webgme-plotly
npm install
npm 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:

sample-image

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.apply(
   this,
   [layoutManager, params]
);

Current Tags

  • 1.0.0                                ...           latest (2 months ago)

1 Versions

  • 1.0.0                                ...           2 months ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (0)
None
Dev Dependencies (2)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |