タグ

ブックマーク / qiita.com/daxanya1 (1)

  • d3.js超初心者向け ①→②を表現してみる - Qiita

    d3.js凄そうなんですけど、ちょっと応用しようとすると途端に表示されなくなったりとか、意図と違ったりとかで、挫折する気がします。 そんな超初心者向けのtipsです。 この記事で行うこと d3.jsで丸を描く d3.jsで線を引く d3.jsで矢印を描く svgの要素を知る 環境 Mac OS X(10.9.1) + Google Chrome(2014/2/26現在 最新) で確認しています。 準備 コピペして試せるように準備しておきます。 htmljavascriptファイルを分けて、javascriptファイル側だけ編集すればいいようにしておきます。 何度もリロードすることになると思うので、d3.jsのファイルはローカルに保存しておいたほうがさくさく進めます。 <!DOCTYPE html> <head> <meta charset="utf-8"> <script src="d3

    d3.js超初心者向け ①→②を表現してみる - Qiita
    toshihiko150
    toshihiko150 2014/06/03
    矢印をsvgで書く方法と、円をつなげる時の半径の考慮。後者はstroke-dasharrayを使うところがミソ。
  • 1