SVG入門リンクまとめ(自分用)
D3.jsではルック・アンド・フィールを描画するのにSVGがよく使われます。
D3で作成するデータビュジュアライゼーションの表現力を高めるためにはSVGに関する知識を増やすのが一番の近道です。
そこで最近SVGについての勉強を始めたのですが、せっかくなので、ひとまず自分的に勉強になったな～というサイトのリンクを貼り付けておきます。
SVG入門リンク
・SVG 1.1 仕様 （第２版） 日本語訳
ここに全てが……でもいきなりここから始めるのは難しいかも。
・連載インデックス「Webグラフィックをハックする」 – ＠IT
第２回・第３回の記事でSVGが特集されてます。サンプルなども豊富で分かり易いです。
・svg要素の基本的な使い方まとめ
SVGに関する解説やチュートリアルが充実したサイト。Raphaël、D3.js、sieなどのライブラリに関しても勉強になります。
・チュートリアル – SVG | MDN
mozilla公式サイトのSVG解説ページ
・SVG入門 (全14回)
ドットインストールのSVG講座
他、ツール類
・SVG-edit
ブラウザ上でSVGを作成できるグラフィックエディタ
・IE10 Test Drive Demo: SVG Gradient Background Maker
グラデーション作成ジェネレーター
