Skip to content

Instantly share code, notes, and snippets.

@tenten0213

tenten0213/data.csv

Created October 7, 2013 07:43
Show Gist options
  • Save tenten0213/6863954 to your computer and use it in GitHub Desktop.
Save tenten0213/6863954 to your computer and use it in GitHub Desktop.
Download ZIP
米とさつまいもの収穫量、作付面積をグラフ化
Raw
data.csv
species year ha kg t
Sweet potato 1980 64800 2030 1317000
Sweet potato 1981 65000 2240 1458000
Sweet potato 1982 65700 2110 1384000
Sweet potato 1983 64800 2130 1379000
Sweet potato 1984 64600 2170 1400000
Sweet potato 1985 66000 2310 1527000
Sweet potato 1986 65000 2320 1507000
Sweet potato 1987 64000 2220 1423000
Sweet potato 1988 62900 2110 1326000
Sweet potato 1989 61900 2310 1431000
Sweet potato 1990 60600 2310 1402000
Sweet potato 1991 58600 2060 1205000
Sweet potato 1992 55100 2350 1295000
Sweet potato 1993 53000 1950 1033000
Sweet potato 1994 51300 2460 1264000
Sweet potato 1995 49400 2390 1181000
Sweet potato 1996 47500 2330 1109000
Sweet potato 1997 46500 2430 1130000
Sweet potato 1998 45600 2500 1139000
Sweet potato 1999 44500 2270 1008000
Sweet potato 2000 43400 2470 1073000
Sweet potato 2001 42300 2510 1063000
Sweet potato 2002 40500 2540 1030000
Sweet potato 2003 39700 2370 941100
Sweet potato 2004 40300 2500 1009000
Sweet potato 2005 40800 2580 1053000
Sweet potato 2006 40800 2420 988900
Sweet potato 2007 40700 2380 968400
Sweet potato 2008 40700 2480 1011000
Sweet potato 2009 40500 2530 1026000
Sweet potato 2010 39700 2180 863600
Rice 1980 2377000 314 9751000
Rice 1981 2278000 328 10259000
Rice 1982 2257000 335 10270000
Rice 1983 2273000 338 10366000
Rice 1984 2315000 349 11878000
Rice 1985 2342000 354 11662000
Rice 1986 2303000 376 11647000
Rice 1987 2146000 371 10627000
Rice 1988 2110000 340 9935000
Rice 1989 2097000 363 10347000
Rice 1990 2074000 349 10499000
Rice 1991 2049000 357 9604000
Rice 1992 2106000 350 10573000
Rice 1993 2139000 275 7834000
Rice 1994 2212000 352 11981000
Rice 1995 2118000 359 10748000
Rice 1996 1977000 346 10344000
Rice 1997 1953000 379 10025000
Rice 1998 1801000 378 8960000
Rice 1999 1788000 365 9175000
Rice 2000 1770000 397 9490000
Rice 2001 1706000 338 9057000
Rice 2002 1688000 376 8889000
Rice 2003 1665000 360 7792000
Rice 2004 1701000 357 8730000
Rice 2005 1706000 399 9074000
Rice 2006 1688000 377 8556000
Rice 2007 1673000 390 8714000
Rice 2008 1627000 404 8823000
Rice 2009 1624000 399 8474000
Rice 2010 1628000 356 8483000
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<link type="text/css" rel="stylesheet" href="style.css"/>
<div id="chartContainer">
<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", 1890, 900);
d3.csv("data.csv", function (data) {
var myChart = new dimple.chart(svg, data);
myChart.setBounds(100, 30, 1800, 800)
var x = myChart.addCategoryAxis("x", "year");
x.addOrderRule("Date");
myChart.addMeasureAxis("y", "t");
myChart.addMeasureAxis("z", "ha");
myChart.addSeries("species", dimple.plot.bubble);
myChart.addLegend(140, 10, 360, 20, "right");
myChart.draw();
});
</script>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment