タグ

svgに関するtoshihiko150のブックマーク (3)

  • D3.js

    D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility

    D3.js
  • 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を使うところがミソ。
  • SVG 1.1 仕様 (第2版) 日本語訳

    SVG 1.1 仕様 (第2版) 日語訳 この文書は、W3C が作成し、勧告として公開された "Scalable Vector Graphics (SVG) 1.1 (Second Edition)" を日語に翻訳したものです。 この翻訳には翻訳上の誤りがあるかもしれませんし、正確性は保証されません。 SVG 1.1 仕様書の公式な文書は英語版であり、この日語版は公式のものではありません。 この翻訳の原文 URL は: http://www.w3.org/TR/2010/WD-SVG11-20100622/ この翻訳は二次著作物にあたり、原著作権は原著作物に帰するものです。 用語の対訳表や語法その他、この日語訳に特有の事情に関してはこの翻訳の読み方をご覧下さい。 SVG 1.1 仕様(第1版)の日語訳, SVG Tiny と SVG Basic の日語訳, SVG Tiny 1

    toshihiko150
    toshihiko150 2014/05/30
    SVG 1.1 日本語訳
  • 1