Skip to content

Instantly share code, notes, and snippets.

@idan

idan/data.csv

Created October 12, 2013 20:37
Show Gist options
  • Save idan/6954681 to your computer and use it in GitHub Desktop.
Save idan/6954681 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
data.csv
version share
2.1 0.00
2.4 0.14
2.5 0.29
2.6 22.15
2.7 75.75
3.0 0.00
3.1 0.00
3.2 0.47
3.3 1.20
3.4 0.00
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<div id="chartContainer">
</div>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://dimplejs.org/dist/dimple.v1.1.1.min.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.csv("data.csv", function (data) {
var myChart = new dimple.chart(svg, data);
myChart.setBounds(60, 30, 510, 305)
var x = myChart.addCategoryAxis("x", "Version");
// x.addOrderRule("Date");
myChart.addMeasureAxis("y", "Share");
myChart.addSeries(null, dimple.plot.bar);
myChart.draw();
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment