The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.
JavaScript InfoVis Toolkit - Interactive Data Visualizations for the Web
The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
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
RGraph: Beautiful JavaScript charts for websites
RGraph is a JavaScript charts library based on HTML5 SVG and canvas. RGraph is mature (over 15 years old) and has a wealth of features making it an ideal choice to use for showing charts on your website. More » Get the latest version of RGraph (version 6.19, 28th September 2024) from the download page. You can read the changelog here. There's also older versions available, minified files and links
InfoVis - 視覚化のためのJavaScriptライブラリ - memo.xight.org
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
Raphaël―JavaScript Library
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
時間とタグを使ったグラフ生成アプリケーション·TimeCloud MOONGIFT
データのビジュアル化は重要だ。単なる文字の羅列では見えてこなかった情報が浮かび上がってきて、そこから新しい事実が分かってくる。それは時間による変化かも知れないし、日々の積み重ねの中から見える突出したデータかも知れない。 タグデータと日付の関係をうまくビジュアル化 例えばGoogleが提供するファイナンスサイトのGoogle Financeではグラフとニュースを並列化することで、効果的に出来事の流れを表している。同様の仕組みを提供するのがこのTimeCloudだ。 TimeCloudはjQueryを使ったオープンソース・ソフトウェアで、グラフとタグをビジュアル化してくれるプラグインだ。 全部で三段に分かれてデータが表示される。一番上は全体のグラフだ。そのグラフはマウスで範囲を指定することができ、真ん中の段にはその選択範囲のグラフを詳細化して表示してくれる。そして一番下の段にはその間におけるタ
MOONGIFT: » JavaScriptによる幾何学ライブラリ「JSXGraph」:オープンソースを毎日紹介
幾何学は学生のころ、割合好きな授業だった。特に数式で表される模様などはどれも見事で、ちょっとパラメータを変更するだけで豹変するのが面白かった。今となっては殆ど使われない知識なのが勿体ない。 JavaScriptで作られた幾何学ライブラリ だがこれなら少しは使えるかも知れない。JSXGraphはJavaScriptで作られた幾何学ライブラリで、オープンソース・ソフトウェアとして公開されている。 JSXGraphはFirefox、Opera、Safari、Google Chrome、IEなど幅広いブラウザをサポートしているライブラリで、様々な幾何学模様を描いたり、動的に描画したりすることができる。 内トロコイド デモとして、三角形の各辺から垂直線を引くもの（頂点は自由に変更でき、それに合わせて交点が変わる）、三角錐モデル、三角形の中に三角形を次々と描き出すもの、グラフ、内トロコイドなどがある。
フリーのグラフスクリプト１０個:phpspot開発日誌
10 Free Chart Scripts | WebTecker the latest Web Tech, Resources and News. This week I’ve been working on a project that required data to be shown visually. フリーのグラフスクリプト１０個が特集されてました。 JavaScriptやFlash製のグラフを使う際の選択肢として使えます。 Flot Open Flash Chart AmCharts Emprise JavaScript Charts PlotKit Flotr PHP/SWF Charts Visifire FusionCharts JFreeChart グラフを作る際にはこうしたツールを使えば一瞬ですね。 その他、グラフ関連エントリは以下 ピュアCSSでクールなグラフサン
jQueryベースの滑らかなグラフ描画ライブラリ「Flot」:phpspot開発日誌
Ruminations: Flot 0.1 released! It draws on inspiration from Plotr and PlotKit, and several other commercial packages. But also from venerable old gnuplot - there's nothing more boring than hand-picking axis scales so I wanted the default algorithm to be smart. jQueryベースの滑らかなグラフ描画ライブラリ「Flot」。 Flotを使えば次のようなグラフをJavaScriptで描画することが可能です。 コードは次のように書くみたいです。 <div id="placeholder" style="width:600px;height
MOONGIFT: » JavaScriptによる多彩なグラフライブラリ「LT Diagram Builder」:オープンソースを毎日紹介
Webページ上でグラフを描くというと、各種画像生成ライブラリを利用するだろうか。画像は手軽な反面、ダイナミックな生成ができず面倒な場合がある。 ダイナミックに描画を変更できると言えば、JavaScriptが便利だろう。そのようなニーズではこれを試してみよう。 今回紹介するオープンソース・ソフトウェアはLT Diagram Builder、JavaScriptベースのグラフ生成ライブラリだ。 LT Diagram Builderが対応しているのは棒グラフ、折れ線グラフ、関数グラフ、矢印、円グラフ、ガントチャート等多彩な描画に対応している。 ダイナミックな描画にも対応しており、関数の値を変更すれば、即座にグラフに反映する事ができる。JavaScriptの強みだろう。 また、PHPやASPでのグラフ生成にも対応している。結果的に出力されるのはJavaScriptのようだが、サーバサイドのデータを
PHPから使えるアニメーションするグラフコンポーネント「FusionCharts Free」:phpspot開発日誌
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ライブラリも公開されています。 <
MOONGIFT: » 必見！Flash製の連想グラフ「Graph Gear」:オープンソースを毎日紹介
Flashを使うとインタラクティブなグラフを作ることができる。その中の一つに、ある要素から連想される要素を周囲に表示して、さらにその周囲から次の連想要素を…といった蜘蛛の巣状に広がっていくグラフがある。 たとえばmixiGraph、TilePlexなどが代表例だ。物と物が関連しあっている場合、この見せ方は有効だろう。これを自分でも作りたいと思ったら、これを使おう。 今回紹介するオープンソース・ソフトウェアはGraph Gear、Flashを使った連想グラフライブラリだ。 Graph Gearは元データをXMLで定義することで、FlashとJavaScriptを使ってインタラクティブなグラフを作り出してくれる。もちろん、Flashなので各項目をマウスで動かすこともできる。 XMLでは各項目の色や文字、線の繋がりを定義する。現状では残念ながら日本語は利用できないようだ。完全には停止せず、微妙に
３Ｄグラフ描画用JavaScriptライブラリ「Canvas 3D Graph」:phpspot開発日誌
AXXT - Web development and more Canvas 3D Graph This is Canvas 3DGraph, special type of bar graph used to plot X-Y-Z values. ３Ｄグラフ描画用JavaScriptライブラリ「Canvas 3D Graph」. ライブラリを使って次のような3Dグラフが描画できるようです。 3Dグラフというと使いどころが？な感じですが、うまい使い方を考えれば有効に利用できるかもしれませんね。 関連エントリ キュートな円グラフ簡単作成サービス Flash,JavaScript,CSS,PHPでグラフ作成のためのライブラリ色々
SIMILE | Timeplot
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
MOONGIFT: » 超美麗なグラフを描くJavaScriptライブラリ「WT Toolkit」:オープンソースを毎日紹介
システム開発は何らかの出力をもって完結する。メール送信する場合や、画面出力等がある。業務システム系であれば、帳票や一覧表も考えられる。その中でよく要望に挙がるのがグラフ表示だろう。 グラフ用のライブラリを導入したり、表示のプロットが面倒だったりして、最終的には表計算ソフトウェアに逃げてしまうことが多い。既存データへのグラフ表示機能を追加するのにJavaScriptという選択肢はいかがだろう。 今回紹介するオープンソース・ソフトウェアはWT Toolkit、グラフ表示をはじめとするリッチなコンポーネントを提供するJavaScriptライブラリだ。 まずは何といってもグラフ表示機能だろう。デモで見られるのは3D円グラフ、棒グラフさらにレーダーチャートなど。どれもWebブラウザ上で動的に変更できる。ただし日本語はグラフ上は文字化けするのでご注意いただきたい。 他にもツリービューや表計算風シートの
グラフ描画機能が追加されたJavaScriptライブラリ「Dojo 0.4」:phpspot開発日誌
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:
ブラウザ上で動く図形描画作成ツール『mxGraph』:phpspot開発日誌
mxGraph mxGraph is a Javascript library that uses built-in browser capabilities to provide an interactive drawing and diagramming solution. mxGraph outperforms all existing solutions in startup time, interactivity and functionality. ブラウザ上で動く図形描画作成ツール『mxGraph』。 すべてJavaScriptでかかれているようです。デモがなかなかすごいです。 ライブラリ自体のダウンロードは出来ないものの、これはなかなか面白いですね。 もうJavaScriptでなんでも出来てしまうと、改めて痛感させられます。
Alastair Tse - liquidx
A design-conscious software-engineer who used to code for food and shelter, but now builds teams of smarter people who build amazing things. I care about #graphics, #design, #craft, #architecture, #typography, #photography, #dataviz, #ux, #japan and #mobile. I am currently an Engineering Manager on Google Maps, focused on opinions, imagery, design, and iOS. Previously at Google, I was the Engineer
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
記事が見つかりません MOONGIFT