D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
wboykinm
Full window
Github gist
Lake Champlain Freeze Dates
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="en"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Champlain Freeze Date</title> </head> <body> <script src = "//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js" type="text/javascript"> { "dataSourceUrl": "//docs.google.com/spreadsheet/tq?key=0AsDSuiodUlFIdEp5bFhOZ0tWZFhxZ05XZU93aE05QXc&transpose=0&headers=1&range=C1%3AD22&gid=3&pub=1", "options": { "titleTextStyle": { "bold": true, "color": "#434343", "fontSize": "20" }, "series": { "0": { "pointSize": 10, "color": "#1155cc", "lineWidth": 4 } }, "curveType": "function", "fontName": "Arial black", "animation": { "duration": 500 }, "backgroundColor": { "fill": "#ffffff" }, "width": 1000, "lineWidth": 2, "hAxis": { "title": "", "useFormatFromData": true, "slantedTextAngle": 30, "slantedText": true, "minValue": null, "viewWindowMode": null, "textStyle": { "color": "#434343", "fontSize": "14" }, "viewWindow": null, "maxValue": null }, "vAxes": [{ "useFormatFromData": true, "title": "", "minValue": -0.1, "viewWindowMode": "explicit", "textStyle": { "color": "#434343", "fontSize": "14" }, "viewWindow": { "min": -0.1, "max": 1.1 }, "gridlines": { "count": "5", "color": "#d9d9d9" }, "maxValue": 1.1 }, { "useFormatFromData": true, "minValue": null, "viewWindow": { "min": null, "max": null }, "maxValue": null }], "chartArea": { "height": "", "backgroundColor": { "fill": "#f3f3f3" }, "width": "", "left": "", "top": "" }, "booleanRole": "certainty", "title": "In what percentage of each decade's winters did Lake Champlain completely freeze over? [Source: National Weather Service & Burlington Free Press]", "height": 500, "legend": "none", "tooltip": {} }, "state": {}, "view": {}, "isDefaultVisualization": true, "chartType": "LineChart", "chartName": "Chart 1" } </script> </body> </html>