Skip to content

Open-source dashboard template for Plotly graphs

License

Notifications You must be signed in to change notification settings

recife25/dashboards

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Plotly dashboards

Open-source dashboard template for plotly graphs, forked from the keen.io dashboard templates.

Make your own dashboard

  1. Download the code

  2. Unzip the file and open index.html in a text editor

  3. Find the lines containing the text "iframe" and replace the URL with your plotly graph URL. Don't forget to add the ".embed" (More about embedding plotly graphs with iframes)

  4. Save index.html and double-click to open it in your browser.

Live example

alt text


Advanced: Adding JavaScript controls

You can add JavaScript controls to any Plotly graph iframe with plotly's postMessage API.

See examples of adding a moving average, custom buttons, and zoom callbacks.

To run postMessage examples locally on your desktop, you have to open index.html with a WebServer:

alt text

  1. Open your terminal and naviate to the dashboard folder where index.html is.

  2. Start SimpleHTTPServer python -m SimpleHTTPServer 8000

  3. Navigate to http://localhost:8000/ in your browser. You should see the dashboard from index.html.


Double slider JavaScript control

alt text

About

Open-source dashboard template for Plotly graphs

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published