もはやグラフという括りではないくらいデータがビジュアル化されている。一般にデータを正確に判断する際には実際の数値や一覧で考える方が良いが、トレンドや変化をつかむにはグラフの方が分かりやすい。 よりダイナミックでビジュアルに特化したグラフが描ける また、プレゼンテーションなど聴衆に対してアピールする際にも便利なのがデータのビジュアル化だ。 今回紹介するオープンソース・ソフトウェアはAxiis、データをFlexでグラフ化するソフトウェアだ。 多彩なデモが用意されているのでぜひ見てみて欲しい。単なる棒グラフや円グラフなどではない、複雑なグラフを描くことができる。データはMXMLで定義するのでサーバが限定されてしまうのが難点だが、それだけにビジュアル品質の高いグラフが描けている。 マウスに反応して表示を変えることもできる 円グラフ、棒グラフ、範囲グラフなどがベースにはなるが、よりグラフィカルで見た
2007年12月07日11:30 カテゴリiTechLightweight Languages WEB API - Google Code Chart キター 久々に使い出のあるAPIが登場! Google Code Blog: Embed charts in webpages with one of our simplest APIs yet Developer's Guide - Google Chart API - Google Code Query Parameterを適当に設定してURIを叩くだけでグラフを描いてくれる。 だから、JavaScriptでグラフを書くのもちょちょいのちょい。 chs cht chxt chxl chd uri ここでサンプルで入れてあるデータは東京の月平均気温そのままなのだけど、見てのとおりExcelみたく正規化まではしてくれない。あくまで下が0で上
Goolge がグラフ作成用の API、"Google Chart API"をリリースしたとのこと。URL にパラメータを与えてやれば、簡単にグラフ画像を作成することができます： ■ Google Releases Chart Image Generator (Google Blogoscoped) 公式ページはこちら： ■ Developer's Guide - Google Chart API 作成できるグラフの種類は、線グラフ・棒グラフ・円グラフ・散布図・ベン図の5種類。下は実際に試してみたサンプルです。入力されたパラメータに応じて、PNG形式の画像を作成してくれます： 上の画像のURLは以下の通り（途中で改行しています！）： http://chart.apis.google.com/chart? cht=p3 &chd=t:10,20,40,30 &chs=400x200 &chl
ドットインストール代表のライフハックブログ
格好いいグラフを見るとどきどきしてくる。表計算ソフトウェアでさも作りました、といったような単純なものでは心に訴える事はできない。何を見せたい、何を表現したいのかを的確に訴える必要がある。 画像で単純に作るのも良いが、動的にグラフィカルにいこう。Flashを使えばそのようなインタフェースも容易に実現できる。 今回紹介するフリーウェアはPie & Donut chart、Flash製のグラフだ。 amChartsは円グラフ、線グラフ、棒グラフそしてX-Yグラフの4つに大別されるグラフ機能を提供している。amChartsへのリンクをつける事でフリーで利用できる。 そのグラフ機能は非常に高い。見た目の奇麗さもあるが、マウスでの操作（円グラフはクリックするとその部分だけが離れる、線グラフはマウスで指定した範囲だけを拡大表示できる）やマウスオーバー時の数字表示等がある。 また、それだけではない。Jav
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ライブラリも公開されています。 <
Apples To Oranges ? San Francisco Bay Area Visual and Experience Design Studio CSSオンリーでクールなグラフを書くサンプル集。 3つほど紹介されていてどれもクールで実用的。 1. まず、次のようなグラフを書くサンプル。 実際のHTMLコード <style> .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; background: #B1D632; text-align: center; color: #333; height: 2em; line-height
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
