SVGを画像みたいに保存できるD3 Plugin作った - Qiita
D3.jsなどのライブラリの普及によってWebでデータビジュアライゼーションをするということが流行りつつあります。 さて、D3.jsでは主にSVGとして画を描くことになるんですが、書き出されたSVGを簡単に保存して他のドキュメントに貼付けるといった手段がないので困ることがあります。 せっかくSVGで描かれた画をスクリーンショットで保存するのはイマイチですよね。 というわけで、img要素の画像のように右クリックをして保存ができるようなD3 Plugin、d3-downloadableを作ってみました。 インストール bowerにパッケージを登録してあります。 npmも対応しました。(2015/05/12) 使い方 script、cssを読み込んで、svg要素のselectionに対して、downloadable()をcallするだけ。 svg要素を右クリックするとメニューが表示され、SVG、
Google MapにSVGをオーバーレイする(SHAPEデータ軽量化) | GUNMA GIS GEEK
Google MapにD3.jsで作成したSVGをオーバーレイする 前回作成した鶴（群馬県SVG）をGoogle Mapに貼り付けます。 詳しくは、exampleのソースを直接みてください。 #map { width: 500px; height: 500px; } .SvgOverlay { position: relative; width: 500px; height: 500px; } .SvgOverlay svg { position: absolute; top: -4000px; left: -4000px; width: 8000px; height: 8000px; } .SvgOverlay path { stroke: black; stroke-width: 1px; fill-opacity: .6; } window.onload = function ()
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Zoomable sunburst
