SVG（Scalable Vector Graphics）の真価は、DOM要素としてJavaScriptから直接アクセスし、座標やスタイルを動的に書き換えられる点にあります。 setAttribute メソッドを使いこなせば、データに連動した高度なビジュアライゼーションが可能になります。

Webアプリケーション上で生成・編集したSVGグラフィックスを、サーバーを介さずにクライアントサイド（ブラウザ）だけでファイルとして保存・ダウンロードさせる機能は、ユーザーの利便性を大きく向上させます。 これを実現するには、DOM要素としてのSVG ...

WebサイトやスマホアプリにぴったりなSVGアイコンを簡単に使用できるよう構築されたJavaScriptの軽量ライブラリを紹介します。 カスタマイズも非常に簡単で、HTMLのdata属性を使用して、SVGアイコンのサイズやカラーを個別に設定できます。 90種類以上のSVG ...

TSVG is a Turing-complete SVG preprocessor, using JSX and JavaScript. Much like LessJS is a superset of CSS with very useful abstractions and error- and time-saving features, TSVG is a superset of SVG ...

Identify an element in your HTML page that will contain the SVG mimic that you want to use, e.g. a div element with id "div1". Create a script block and a function, which will be triggered by some ...