タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

グラフとjavascriptに関するdaichamのブックマーク (2)

  • 時系列データの可視化に適したインフォグラフィックス作成について

    既存の紙媒体におけるインフォグラフィックスの使用例として、新聞における時系列データを扱ったインフォグラフィックスの分類・分析を行った。 具体的には、朝日新聞縮刷版[東京] 2008年1月分/2009年1月分/2010年1月分の過去3年3ヶ月分の紙面から時系列データを扱ったインフォグラフィックスを抽出し、それぞれの構成要素によりタイプ別に分類、それぞれの出現頻度、紙面ジャンル別のデータを分析した。(但し、広告やセンター試験解答等の報道に直接関係のないものは含まず。) 分析結果として、新聞紙面に出現するインフォグラフィックスは6分類のうちチャートとグラフで全体の85%を占めており、グラフについては、折れ線グラフ50%、棒グラフ35%、複合グラフ15%(折れ線グラフと棒グラフ)の3種類で構成されており、チャートについては、年表78%、フローチャート16%、タイムライン6%(時間軸が横軸のもの)の

  • 表現力の高さに驚き。HTML5/Canvasグラフライブラリ·Flotr2 MOONGIFT

    Flotr2はHTML5/Canvasを使ったグラフ描画ライブラリです。 これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 たくさんのサンプルが用意されています。一気に紹介します。 線グラフです。 途中で途切れた曲線のグラフも描けます。 棒グラフです。 マウスオーバーで値を表示できます。 積み上げグラフです。 円グラフです。 レーダーチャート。 範囲グラフ。 ローソクチャートです。 滑らかな曲線のグラフです。 マウスオーバーでグリッドが表示されます。 マウスズームのデモです。 マウスで一部の範囲を指定できます。 折れ線グラフです。 マイナスの値にも対応。 クリックでリアルタイムにグラフを描きます。 画像ダウンロード

  • 1