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

---

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:

1. Open your terminal and navigate 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