zPath.js - SVGをアニメーションしながら描画 MOONGIFT
SVGの良いところはベクターベースのデータである点と、内容がXMLなのでプログラマブルに操作可能ということです。バイナリデータと異なり、一部だけを描画したり色を変えると言ったことも簡単にできます。 そこで使ってみたいのがzPath.jsです。SVGを読み込んでアニメーションしながら描画してくれます。 zPath.jsの使い方 一例。速度も制御できます。 描き方も変更できます。 zPath.jsを使えばロゴなどもアニメーションするように指定できます。これまでは動画やアニメーションGIFを使うしかありませんでしたが、zPath.jsを使うことでSVGを使う利点が生まれそうです。 zPath.jsはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 zPath.js Demo Zet-Tools/zPath.js: A jquery plugin
可視化ライブラリD3.jsの設計が素晴らしすぎる。 | 三度の飯とエレクトロン
最近名前を聞くことが多くなってきたD3.jsを試してみています。 まだ使い始めたばかりですが、D3.jsの設計の素晴らしさに感動しています。 データを与えればグラフが表示されるというような単純なものではないので、敷居が高く感じていましたが、設計を知るほどによく出来ていて驚きます。 D3.jsとは何か？ そもそも、D3.jsとはなんでしょう？ D3.js – Data-Driven Documents D3.jsは、データをブラウザで可視化するためのライブラリです。 単なるグラフライブラリではなく、もっと抽象的な「可視化」を扱うのが特徴です。 抽象的なレイヤーを扱うので、ライブラリと言っても機能より設計が重要で、D3.jsが支持されている理由はその設計の素晴らしさにあります。実際に描画しながら、その設計の違いについて考えていきます。 企業の時価総額と営業利益の関係をプロット 例題として、企業
米Adobe、オープンソースのSVGコンテンツ用JavaScriptライブラリ「Snap.svg」を公開 | OSDN Magazine
米Adobe Systemsは10月23日、SVGグラフィックスを操作するためのJavaScriptライブラリ「Snap.svg」をオープンソースソフトウェアとして公開した。プロジェクトのWebサイトより入手できる。 Snap.svgは、ベクター画像フォーマットであるSVG（Scalable Vector Graphics）で作成されたコンテンツを操作するためのライブラリ。ベクター画像をWebブラウザ上で作成するためのJavaScriptライブラリ「Raphaël」を作成したDmitry Baranovskiy氏が開発しており、jQueryによるDOM操作のように簡単にSVGデータを操作できることを目的としている。 Snap.svgではSVGコンテンツの生成および操作が可能で、既存のSVGコンテンツの操作も可能。マスキング、クリッピング、パターン、フルグラデーション、グループ化といったSV
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
SVG in HTML（text/html）を実装しました - プラグインレスでSVGを表示する「SIE」開発ブログ
HTML言語の中に直接SVG言語を埋め込むことに成功しました 以下のデモからご覧下さい。プラグインは必要ありません。デモであるHTML文書のソースは次のとおりです。 ソース <html> <head> <title>SVG in HTML - SIE</title> <meta http-equiv="Content-Type" content="text/html; charset=urf-8"> <script defer="defer" type="text/javascript" src="sie.js"></script> </head> <body> <script type="text/javascript" src="svginhtml.js"></script> <h1>SVG in HTML - SIE</h1> <svg width="200" height="200
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
d3.js - Data-Driven Documents
