The data for this graph is sourced directly from a
github gist and described by a unique Plotly URL:
https://plot.ly/proxy/plot?source=https://gist.githubusercontent.com/chriddyp/feaa84b34854e53fb72a/raw/2d82eff656249af8588d139d106d538785233145/example-data.csv&data=[{"xsrc":"X Data 1","ysrc":"Y Data 1","mode":"markers","marker":{"opacity":0.7,"line":{"color":"rgb(250, 250, 250)","width":0.5}},"name":"Oxygen"},{"xsrc":"X Data 2","ysrc":"Y Data 2","mode":"markers","marker":{"opacity":0.7,"line":{"color":"rgb(250, 250, 250)","width":0.5}},"name":"Calcium"}].
There are four query parameters under https://plot.ly/proxy-plot that describe these graphs:
-
source
The data source that is accessible at a unique url. For example, https://gist.githubusercontent.com/chriddyp/feaa84b34854e53fb72a/raw/2d82eff656249af8588d139d106d538785233145/example-data.csv. Plotly will retrieve data from this URL every time the graph is rendered.
-
data
The description of your visualization using Plotly's graph JSON. This includes data and layout keys. Use special xsrc and ysrc keys to denote the columns that you'd like to plot. For example:
[{"xsrc": "X Data 1", "ysrc": "Y Data 1"}]
-
layout
JSON that describes other parts of the graph, like the title. For example:
{"title": "Example graph"}
-
proxy_key
A private key that allows you to test-drive this functionality. If you are a paying or enterprise user, you
don't need to use this key.
proxy_key=cuJlY8R9h9UUzrO2b6iu
-
Optional:
preview
The preview key allows you to show the first or last N number of points. For example, preview=10 will only display the first 10 points, preview=-10 will show the last 10 points.
You can share that graph or embed it a webpage with an <iframe>. The graph will request for the latest data everytime it is rendered.