Plotting with the plot.ly API

[code language=”javascript”]
var data = [{"name":"Gaseous fuel","type":"scatter","fill":"tonexty","mode":"lines","xsrc":"isnerd:1:0I4LU2RD2QVQRQS0Q35GU4N1D97CL8EI","ysrc":"isnerd:1:MG6030IZ7H4OZ5WH8Z0BZNN9E4MEJMIT","uid":"cbaea7","line":{"shape":"linear"},"marker":{"line":{}},"textfont":{},"error_y":{"visible":true,"type":"percent","array":[0,3.667,11.001,11.001,22.002,282.359,311.695,487.711,751.735,997.424,924.084,1085.432,1206.443,1169.773,1360.457,1734.491,2295.542,2482.559,2742.916,3032.609,2489.893,2885.929,4363.73,5247.477,6175.228,7205.655,10318.938,12786.829,15218.05,18533.018,21114.586,23582.477,27278.813,27018.456,29024.305,39082.886,39779.616,46061.187,47634.33,42350.183,43908.658,43604.297,47172.288,50028.881,49625.511,50479.922,49482.498,52738.794,57366.548,79067.854,98458.95],"traceref":"0","symmetric":true},"error_x":{},"connectgaps":false,"autobinx":true,"autobiny":true,"colorbar":{},"xbins":{"start":1949.5,"end":2019.5,"size":10},"ybins":{"start":-40000,"end":120000,"size":20000},"zmin":0,"zmax":20,"contours":{"start":2,"size":2,"end":18.02}},{"name":"Liquid fuel","type":"scatter","fill":"tonexty","mode":"lines","xsrc":"isnerd:1:0I4LU2RD2QVQRQS0Q35GU4N1D97CL8EI","ysrc":"isnerd:1:QRC9D8VKPOBSQ7TRFE4ZYM9KO7VJZQP5","uid":"092b82","line":{},"marker":{"line":{}},"textfont":{},"error_y":{"visible":true,"array":[19460.769,21327.272,24906.264,27128.466,28144.225,30839.47,35705.579,32724.308,42284.177,45386.459,49372.488,55489.044,58925.023,61799.951,60677.849,61887.959,63490.438,68613.237,75378.852,82731.187,83244.567,89786.495,94483.922,99251.022,106192.653,116856.289,121957.086,127776.615,133724.489,150838.378,158297.056,166558.807,188208.775,187031.668,199118.1,216459.343,243360.455,244401.883,263107.25,285483.284,303752.278,298068.428,284834.225,293851.378,296858.318,300011.938,316902.14,323656.754,419020.756,472771.642,465294.629],"type":"percent","traceref":"1"},"error_x":{},"autobinx":true,"autobiny":true,"colorbar":{},"xbins":{"start":1919.5,"end":2039.5,"size":20},"ybins":{"start":-100000,"end":600000,"size":100000},"zmin":0,"zmax":20,"contours":{"start":2,"size":2,"end":18.02}},{"name":"Solid fuel","type":"scatter","fill":"tonexty","mode":"lines","xsrc":"isnerd:1:0I4LU2RD2QVQRQS0Q35GU4N1D97CL8EI","ysrc":"isnerd:1:HIWFG08N46UFGKAQD6T2PUCS3YVCK31J","uid":"665793","line":{},"marker":{"line":{}},"textfont":{},"error_y":{"visible":true,"array":[97208.503,104956.874,114227.05,122144.103,117167.984,128818.043,129404.763,131740.642,136973.451,136463.738,136669.09,140449.767,148641.845,152440.857,161102.311,178465.556,186855.652,232986.512,228175.408,234849.348,252854.318,268618.751,284533.531,310858.924,315064.973,343975.601,370466.009,395925.99,429585.383,459625.447,476853.013,514436.096,539639.387,569712.454,604306.932,630294.961,677965.961,710004.54,715464.703,768665.539,788507.676,806574.985,834689.874,874660.174,935308.687,986632.019,1056349.023,1147807.67,1240524.098,1326284.227,1338473.335],"type":"percent","traceref":"2"},"error_x":{},"autobinx":true,"autobiny":true,"colorbar":{},"xbins":{"start":1919.5,"end":2039.5,"size":20},"ybins":{"start":-500000,"end":2000000,"size":500000},"zmin":0,"zmax":20,"contours":{"start":2,"size":2,"end":18.02}}];
var layout = {"title":"CO2 emissions from consumption of fuel types (with error)","xaxis":{"range":[1957.2222222222222,2012.7777777777778],"type":"linear","showline":false,"mirror":false,"linecolor":"#444","linewidth":1,"tick0":0,"dtick":10,"ticks":"","ticklen":5,"tickwidth":1,"tickcolor":"#444","nticks":0,"showticklabels":true,"tickangle":"auto","exponentformat":"SI","showexponent":"all","showgrid":true,"gridcolor":"#eee","gridwidth":1,"autorange":true,"rangemode":"normal","autotick":true,"zeroline":true,"zerolinecolor":"#444","zerolinewidth":1,"titlefont":{"family":"Droid Sans, sans-serif","size":0,"color":""},"tickfont":{"family":"Droid Sans, sans-serif","size":0,"color":""},"overlaying":false,"domain":[0,1],"position":0,"anchor":"y","title":"Year"},"yaxis":{"range":[-81795.59269444444,1554116.2611944443],"type":"linear","showline":false,"mirror":false,"linecolor":"#444","linewidth":1,"tick0":0,"dtick":500000,"ticks":"","ticklen":5,"tickwidth":1,"tickcolor":"#444","nticks":0,"showticklabels":true,"tickangle":"auto","exponentformat":"SI","showexponent":"all","showgrid":true,"gridcolor":"#eee","gridwidth":1,"autorange":true,"rangemode":"normal","autotick":true,"zeroline":true,"zerolinecolor":"#444","zerolinewidth":1,"titlefont":{"family":"Droid Sans, sans-serif","size":0,"color":""},"tickfont":{"family":"Droid Sans, sans-serif","size":0,"color":""},"overlaying":false,"domain":[0,1],"position":0,"anchor":"x","title":"CO2 emissions in kilo-tonnes"},"legend":{"bgcolor":"#fff","bordercolor":"#444","borderwidth":0,"font":{"family":"Droid Sans, sans-serif","size":0,"color":""},"traceorder":"reversed","xanchor":"left","yanchor":"top","x":1.02,"y":1},"width":1214,"height":404,"autosize":true,"margin":{"l":80,"r":80,"t":100,"b":80,"pad":2,"autoexpand":true},"paper_bgcolor":"#fff","plot_bgcolor":"rgb(217, 217, 217)","barmode":"overlay","bargap":0.2,"bargroupgap":0,"boxmode":"overlay","boxgap":0.3,"boxgroupgap":0.3,"font":{"family":"Droid Sans, sans-serif","size":12,"color":"#444"},"titlefont":{"family":"","size":0,"color":""},"dragmode":"zoom","hovermode":"x","separators":".,","hidesources":false,"smith":false,"showlegend":true};
Plotly.plot(Tabs.get(), data, layout); [/code]

Output (non-interactive version):