タグ

graphに関するnettaboのブックマーク (7)

  • Flexを使ったデータビジュアライザ·Axiis MOONGIFT

    もはやグラフという括りではないくらいデータがビジュアル化されている。一般にデータを正確に判断する際には実際の数値や一覧で考える方が良いが、トレンドや変化をつかむにはグラフの方が分かりやすい。 よりダイナミックでビジュアルに特化したグラフが描ける また、プレゼンテーションなど聴衆に対してアピールする際にも便利なのがデータのビジュアル化だ。 今回紹介するオープンソース・ソフトウェアはAxiis、データをFlexでグラフ化するソフトウェアだ。 多彩なデモが用意されているのでぜひ見てみて欲しい。単なる棒グラフや円グラフなどではない、複雑なグラフを描くことができる。データはMXMLで定義するのでサーバが限定されてしまうのが難点だが、それだけにビジュアル品質の高いグラフが描けている。 マウスに反応して表示を変えることもできる 円グラフ、棒グラフ、範囲グラフなどがベースにはなるが、よりグラフィカルで見た

    Flexを使ったデータビジュアライザ·Axiis MOONGIFT
    nettabo
    nettabo 2009/08/25
    Flexでグラフを描くライブラリ。
  • 404 Blog Not Found:WEB API - Google Code Chart キター

    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で上

    404 Blog Not Found:WEB API - Google Code Chart キター
    nettabo
    nettabo 2007/12/07
    Google Code Chartのパラメータ設定ツール。
  • Google、グラフ作成機能"Google Chart API"をリリース

    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

    nettabo
    nettabo 2007/12/07
    こいつは便利そうだな。
  • データをどういう風に説明したいかを選ぶとグラフの種類を教えてくれてExcelやPowerPointでダウンロードできる『Chart Chooser』 | IDEA*IDEA

    ドットインストール代表のライフハックブログ

    データをどういう風に説明したいかを選ぶとグラフの種類を教えてくれてExcelやPowerPointでダウンロードできる『Chart Chooser』 | IDEA*IDEA
    nettabo
    nettabo 2007/11/26
    Excel、パワポのテンプレートとしてダウンロードできるので、データ変えるだけで使える。これは便利そう。
  • MOONGIFT: � 要注目!Flash製グラフ「amCharts」:オープンソースを毎日紹介

    格好いいグラフを見るとどきどきしてくる。表計算ソフトウェアでさも作りました、といったような単純なものでは心に訴える事はできない。何を見せたい、何を表現したいのかを的確に訴える必要がある。 画像で単純に作るのも良いが、動的にグラフィカルにいこう。Flashを使えばそのようなインタフェースも容易に実現できる。 今回紹介するフリーウェアはPie & Donut chart、Flash製のグラフだ。 amChartsは円グラフ、線グラフ、棒グラフそしてX-Yグラフの4つに大別されるグラフ機能を提供している。amChartsへのリンクをつける事でフリーで利用できる。 そのグラフ機能は非常に高い。見た目の奇麗さもあるが、マウスでの操作(円グラフはクリックするとその部分だけが離れる、線グラフはマウスで指定した範囲だけを拡大表示できる)やマウスオーバー時の数字表示等がある。 また、それだけではない。Jav

    MOONGIFT: � 要注目!Flash製グラフ「amCharts」:オープンソースを毎日紹介
    nettabo
    nettabo 2007/10/24
    これはいいグラフ。ぐいんぐいん動く。Flexコンポーネント版も出た。グラフの左上にリンクはっておけばフリーで使える。
  • 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ライブラリも公開されています。 <

    nettabo
    nettabo 2007/09/13
    アニメーションするところがステキ。
  • CSSオンリーでクールなグラフを書くサンプル集:phpspot開発日誌

    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

    nettabo
    nettabo 2006/08/24
    3パターンのサンプルを紹介。いろいろ応用できそう。
  • 1