SVG入門リンクまとめ(自分用)

最終更新日

500px-Ghostscript_Tiger

D3.jsではルック・アンド・フィールを描画するのにSVGがよく使われます。
D3で作成するデータビュジュアライゼーションの表現力を高めるためにはSVGに関する知識を増やすのが一番の近道です。
そこで最近SVGについての勉強を始めたのですが、せっかくなので、ひとまず自分的に勉強になったな~というサイトのリンクを貼り付けておきます。

SVG入門リンク

SVG 1.1 仕様 (第2版) 日本語訳
 ここに全てが……でもいきなりここから始めるのは難しいかも。

連載インデックス「Webグラフィックをハックする」 – @IT
 第2回・第3回の記事で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
 グラデーション作成ジェネレーター