JavaScript InfoVis Toolkit - Demos
Please wait while your request is being verified...
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
Liviz.js (JSViz)
digraph testgraph{ {node[shape=none, fontsize=23] "Welcome to Liviz.js!" } {node[shape=none] "Interactive GraphViz on your browser" } {edge[color=transparent] "Welcome to Liviz.js!" -> "Interactive GraphViz on your browser" } A -> B -> C -> D -> E; B -> D; {node[shape=box]; 1 -> 2 -> 3; } E -> 1;2 -> C; {rank=same; 1; A;} {rank=same; 3; D;} } Test
リアルタイムにスムーズなグラフを描く·Smoothie Charts MOONGIFT
Smoothie ChartsはJavaScript製のオープンソース・ソフトウェア。Web上でのグラフ描画に対するニーズは多い。常時固定であれば画像でも良いだろうが、システムの値を使う場合は何らかのグラフ描画ライブラリを使うことになる。 複数グラフ同時描画も可能 さらにアクセスの度にレンダリングして終わる場合もあるが、刻々と変化するデータを常時アップデートしていくグラフもある。そんなリアルタイムに変化するグラフを必要とするならばSmoothie Chartsを使ってみよう。 Smoothie Chartsはリアルタイムに変化するデータをスムーズに描画していくライブラリだ。一つに限らず複数の線を同一グラフ内に描画することができる。例えばシステムのモニタリングであったり、アクセス数の変化などを追うのに使えそうだ。 canvasタグを使っているため、対応していないブラウザでは表示できないのが欠
MOONGIFT: JavaScriptで描く2Dの世界「JSViz」:オープンソースを毎日紹介
これは面白い。 SVGは流行りそうな技術ではあるが、なかなかキラーコンテンツが出てこない。利用する場面がうまく思いつかないのと対応ブラウザが限定的（IE6で対応していないのが大きい）なのが問題だ。 だがIE7のシェアが増えれば状況も変わってくるだろう。そうした時代を見越して注目しておきたいのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはJSViz、JavaScriptで描く動的なSVGの世界だ。 JSVizではネットワーク図やナビゲーション等を動的に描くことができるライブラリだ。注目なのは、その要素をXMLで定義することで描ける点だ。そして、XMLデータに基づいて、丸い形のポイントが線で結ばれていく。 一気に表示して終わるパターンや、徐々に増えていくもの、動きながら表示されるものなど数多くのパターンがサンプルとして登録されている。マウスでドラッグできるものもあり、こうした
JsVIS: JavaScript visualization software
21.09.2007 info visualization No Comments JsVIS: JavaScript visualization software Via Ajaxian, I learned about a new data visualization project called JsVis, released in January 2007. JsVis, by Kyle Sholtz, is a JavaScript framework for creating “Snowflake graphs” like this one: There is a lot of potential for visualizing complex relationships with this sort of tool. The basic layout is best for
微酔半壊: グラフが簡単に描ける―Graphvizの使い方
Graphvizはグラフを視覚化して様々なフォーマットに出力してくれるツールである。 テキストファイルにノードとエッジの関係を書いておけば、見やすいように自動でノードを配置してエッジを描いてくれる。出力形式もPostScript、SVG、PNGなど各種ある。GUIで図形を置きながら位置を揃えたりすることに気を遣うよりはずっと楽である。 本稿はそのGraphvizに与えるグラフの書き方(dot形式と呼ぶ)を簡単に説明する。 例としてconfig(8)のときに作成した図を用いる。 1. ノード間の関係を記述する まず、グラフを構成するトポロジー、つまりどのようなノードとエッジがあるかだけを集中して書いてしまう。これだけで一応グラフは描けるので、最低限のレベルはクリアである。 グラフは、種類を示すキーワード(有向グラフ(digraph)または無向グラフ(graph))に続けて { ... } で
Protovis
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
Protovis - Examples
Gallery Enjoy these sample visualizations built with Protovis. For any example, use your browser to view the source or the backing dataset. Protovis is no longer under active development. The final release of Protovis was v3.3.1 (4.7 MB). The Protovis team is now developing a new visualization library, D3.js, with improved support for animation and interaction. D3 builds on many of the concepts in
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Does Force-Directed Layout of d3-js support image as node?
Plot lines on Y axis Demo | Highcharts
draw.io
http://ja.how-to.mobi/index.php?id=7034