秋だしビールだよね！ってことで都道府県別の二条麦の収穫量と作付面積をグラフ化。

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>

mugi.csv