The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.

The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG
Summary InfoVis は 視覚化のためのJavaScriptライブラリ。 データをJSONで入力すればインタラクティブなグラフが得られる。 BSDライセンスで配布。 RGraph 同心円状に配置 HyperTree 魚眼レンズのように配置。hyperbolic tree SpaceTree 階層構造の軸を持つ配置。各ノードは末端のノードが等間隔になるように配置する。 TreeMap 面積と色で表現。包含関係も有る。 これらをパイチャート、棒グラフと組み合わせることができる。 Reference JavaScript InfoVis Toolkit - Interactive Data Visualizations for the Web http://thejit.org/ InfoVis Toolkit Demo http://thejit.org/demos/ Wikiped
ブロック要素をYahoo!Pipesばりに結んで視覚的に関連付けられる「jsPlumb」 2010年04月20日- jsPlumb demo ブロック要素をYahoo!Pipesばりに結んで視覚的に関連付けられる「jsPlumb」というものがあるみたいです。 次のように、要素間が紐のようなもので繋がっているような表現が出来、ドラッグ&ドロップによる要素の移動が可能です。 AとBは関連があるから繋いでおくというようなシーンで使えそうですね。 要素はドラッグ&ドロップで移動が可能。 1から実装しようと思うと大変ですが、ライブラリによって複雑な処理も簡単に出来ますね。 関連エントリ とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリ色々 1つのリンクで複数サイトにリンクできる便利JavaScriptライブラリ「Pluralink」 同一ページ内でポップアップウィンドウを開くJ
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
データのビジュアル化は重要だ。単なる文字の羅列では見えてこなかった情報が浮かび上がってきて、そこから新しい事実が分かってくる。それは時間による変化かも知れないし、日々の積み重ねの中から見える突出したデータかも知れない。 タグデータと日付の関係をうまくビジュアル化 例えばGoogleが提供するファイナンスサイトのGoogle Financeではグラフとニュースを並列化することで、効果的に出来事の流れを表している。同様の仕組みを提供するのがこのTimeCloudだ。 TimeCloudはjQueryを使ったオープンソース・ソフトウェアで、グラフとタグをビジュアル化してくれるプラグインだ。 全部で三段に分かれてデータが表示される。一番上は全体のグラフだ。そのグラフはマウスで範囲を指定することができ、真ん中の段にはその選択範囲のグラフを詳細化して表示してくれる。そして一番下の段にはその間におけるタ
FusionCharts Free - Animated Flash Charts & Graphs for ASP, ASP.NET, PHP applications FusionCharts Free is a flash charting component that can be used to render data-driven & animated charts for your web applications and presentations. PHPから使えるアニメーションするグラフコンポーネント「FusionCharts Free」。 アニメーションが心地よく、実に様々なグラフを描画することが出来ます。 チャートは次のように、JavaScriptコードで簡単に貼り付け可能。データはXMLから読み込み。 PHPから簡単に使えるAPIライブラリも公開されています。 <
Timeplot has graduated! The Timeplot project has graduated and moved on with its life. Visit the new home page for more information on how to join the new mailing lists, synch with the new code repositories, issue tracking, etc. Please excuse our mess during the transition. Timeplot is a DHTML-based AJAXy widget for plotting time series and overlay time-based events over them (with the same data f
dojo, the Javascript Toolkit: brought to you by the Dojo Foundation グラフ描画機能が機能追加されたJavaScriptライブラリ「Dojo 0.4」。 次のようなグラフがJavaScriptで描画することが可能です。曲線も美しいですね。一見Flashを使っているようにも見えます。 グラフ描画するためには、dojo.jsを読み込んで、次のようなコードを書きます。 dojo.require("dojo.collections.Store"); dojo.require("dojo.charting.Chart"); dojo.require('dojo.json'); // our sample data for our line chart. var json = [ { x: 0, y: 110, size:20, x2:
http://lab.rails2u.com/hatebu_domain_visualization/ はてなブックマークを見ていると、どのドメインのサイトが人気なのかを知りたくなるときがあります。そんなんでドメイン別にカウントを集計し、グラフ化してみました。最近の人気なドメインや月別人気のドメイン、日別人気のドメインなどを見ることができます。 一年前ぐらいのグラフはGIGAZINEが無くて今と傾向が違っておもしろいです。 グラフの表示には PlotKit (http://www.liquidx.net/plotkit/ ) という Canvas/VML/SVG を使ってレンダリングしてくれるライブラリを使っています。WinIE でも Canvas をエミュレートしてくれてきちんと綺麗なベクターグラフが出力されてスゴース!また PlotKit は MochiKit を使って作られてるので
Force Directed Graphs are self-organizing, visually appealing tools for representing relational data. The look is organic, because algorithms simulate the way charged particles arrange in space. They work great in user interfaces because the user has access to data nodes while the graph is being organized. Take a look (go ahead and play, they're interactive): Show Example So, what am I using these
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く