D3.js チュートリアル：基本5 – Axisで軸を表示して散布図を作る。 - Data is fun.軸を表示すると、グラフらしくなります。軸を作るにはd3.svg.axis()を使います。これとd3.scaleを組み合わせることで、軸と散布図がうまく一致します。 まずHTMLの全コードと結果です。今回はstyleタグを使ってスタイルも変えています。 結果： コード： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- 軸の属性を決めている。特にfill:none;にしないと真っ黒になる。--> <style> .axis text { font: 10px sans-serif; } .axis path, .axis line { fill: none; stroke: #000; stroke-width: 2; shape-rendering: crispEdges; } </style> </head> <body
