PlotlyJS Advanced Charting Snippet v1.2
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:
{
  "data": { ...Plotly data object... },
  "layout": { ...Plotly layout object... }
}
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