Skip to content

Instantly share code, notes, and snippets.

@tenten0213

tenten0213/index.html

Last active December 24, 2015 21:19
Show Gist options
  • Save tenten0213/6864597 to your computer and use it in GitHub Desktop.
Save tenten0213/6864597 to your computer and use it in GitHub Desktop.
Download ZIP
秋だしビールだよね！ってことで都道府県別の二条麦の収穫量と作付面積をグラフ化。
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("mugi.csv", function (data) {
var myChart = new dimple.chart(svg, data);
myChart.setBounds(100, 30, 1800, 800)
var x = myChart.addCategoryAxis("x", "都道府県");
myChart.addMeasureAxis("y", "収穫量(ｔ)");
myChart.addMeasureAxis("z", "作付面積(ha)");
var circle = myChart.addSeries(null, dimple.plot.bubble);
myChart.draw();
});
</script>
</div>
</body>
</html>
Raw
mugi.csv
種類 都道府県 作付面積(ha) 10ａ当たり収量(kg) 収穫量(ｔ)
麦 北海道 1990 337 6710
麦 茨城 1520 222 3380
麦 栃木 9850 308 30300
麦 群馬 1400 315 4410
麦 埼玉 658 360 2370
麦 静岡 8 106 8
麦 滋賀 54 233 126
麦 京都 131 154 202
麦 鳥取 83 302 251
麦 島根 509 301 1530
麦 岡山 1950 335 6530
麦 山口 104 181 188
麦 徳島 17 338 57
麦 福岡 5670 278 15800
麦 佐賀 10400 305 31700
麦 長崎 1040 228 2370
麦 熊本 1620 255 4130
麦 大分 1080 175 1890
麦 宮崎 60 203 122
麦 鹿児島 119 204 243
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment