Plotly is an open source JavaScript library for displaying graphs in an interactive format on the web. It is built on the D3.js library (d3js.org).
The graph will pull data from a JSON file. The file must be a JSON object with two properties to be passed to Plotly: "data" and "layout". See https://plot.ly/javascript/ for data and layout APIs. Data file format example:
|
||
Settings | ||
---|---|---|
Feature | Options | Selected |
URL of JSON data file: | Relative (e.g. "_documents/data.json") or full URL (e.g. "//www.uaa.alaska.edu/_documents/data.json") | _documents/data.json |
Width: | Percent or pixel amount (e.g. 100%, 450) | 100% |
Height: | Pixel amount (e.g. 450) | 480px |
Display plot toolbar | true = show always, false = only show on mouse hover | true |
List of buttons names to hide from toolbar | see https://github.com/plotly/plotly.js and view src/components/modebar for button names | sendDataToCloud, select2d, lasso2d, autoScale2d, hoverClosestCartesian, hoverCompareCartesian |