タグ

グラフに関するyoshiwebのブックマーク (4)

  • JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説! - paiza times

    どうも、まさとらん(@0310lan)です。 今回は、JavaScriptを使って「グラフやチャートを描きたい!」とか、「さまざまなデータを可視化させたい!」という人にオススメのJSライブラリをご紹介しようと思います。 また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】 最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。 グラフの種類は少ないものの、モダンブラウザ&レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。 【 基の書き方 】 「chart.js」ファイルは、公式

    JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説! - paiza times
  • JavaScriptを使ってSVGでグラフを描く·Morris.js MOONGIFT

    Morris.jsはjQueryを使ったSVG描画型のグラフライブラリです。 Webブラウザ上でグラフを描画しようと思ったら従来はサーバサイドの仕組みかFlashを使うのが一般的でした。しかし今後はJavaScriptが便利です。Morris.jsはjQueryを使ったグラフライブラリです。 二つのデータがある折れ線グラフ。 棒グラフ。 エリアグラフ。 パイチャート。 今のところ対応しているのは折れ線、棒、エリア、ドーナッツチャートになっています。それぞれ豊富なオプションが用意されています。また、マウスオーバーで値をフローティング表示してくれるのも便利です。データはJavaScriptで与えますが、グラフはSVGで出力される仕組みになっています。 Morris.jsはjQuery/JavaScript製、BSD Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る

    JavaScriptを使ってSVGでグラフを描く·Morris.js MOONGIFT
  • 普段から自然に浴びる量から致死量まで、わかりやすくまとめられた放射線量グラフ

    普段から自然に浴びる量から致死量まで、わかりやすくまとめられた放射線量グラフ2011.04.10 21:0016,880 mayumine (クリックして拡大) 人が普段生活していて浴びる放射線量から、即死するレベルの放射線量(100シーベルト)まで、どの位の放射線量まで危険がないのか、また医療に使われている放射線量はどの程度か、またどこから人体に影響があるのか、など、放射線量のグラフをわかりやすく、カラフルにまとめている図です。 しかしここ1ヶ月もしないうちに、マイクロシーベルトとか、ミリシーベルトとか、今まで聞きなれない単語をよく聞くようになり、全然物理系ではない人も、放射線量について大分詳しくなってきたのではないでしょうか。 [Information Is Beautiful via Twitter] mayumine(米版)

  • どのグラフを使えばいいかを1枚の画像にまとめてみた…の図を日本語化してみた - 適宜覚書はてな異本

    皆大好き自分も大好きな二十歳街道まっしぐらにはネタ帳という記事が定期的に挙がります。自分も普段記事にするネタをあれこれ自力で探している訳ですが、カメきちさんのネタ放出はかなり美味しい。という訳で有り難くご相伴に預り、 【ネタ帳】bitlyで短縮されたURLから動画だけを抜き取ったサイト「bitly.tv」 + 25記事*二十歳街道まっしぐらより拝借。 元々の絵は当然英語(YjWta.jpg (1024×767))なんだけど、ちょいと単語が分かりにくいので自分なりに妥当な用語をあてて日語化してみました。 とってもひどい蛇足 まあ、普通にグラフ作ってるだけなら棒グラフ、線グラフと円グラフがあれば足りると思います。組成分析のためにウオーターフォール使うあたりになるとパレート分析やマトリクス分析に手が出始めて多分こういった図にまとめると言うのは厳しいかと(^^;; 後ですね、散布図が右にも左にも

    どのグラフを使えばいいかを1枚の画像にまとめてみた…の図を日本語化してみた - 適宜覚書はてな異本
  • 1