<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>D3.js 棒グラフを表示してみる</title>
<!-- D3.jsライブラリを読み込む
下記の読み込み処理を忘れるとD3.jsの機能を
使うことができない
-->
<script src="../js/d3.js"></script>
</head>
<body>
<h1>まずは四角形を表示する</h1>
<svg>
<rect x="80" y="40" width="100" height="60">
</svg>
<h1>棒グラフ(一本)をD3.jsを使って表示します。</h1>
<!-- グラフを表示するための空間確保
グラフの表示はSVGを使用する。SVG図形を表示するために
HTML内に下記のように書く -->
<svg id="sampleGraph">
</svg>
<!-- グラフを表示する命令が
書かれたJSファイルを読み込む -->
<script src="test.js"></script>
</body>
</html>