タグ

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

  • レスポンシブ対応!Webサイトにグラフを表示できるJavaScriptライブラリー3つ

    2017年11月16日 JavaScript グラフを必要とするWebサイトは限られるかもしれませんが、いざという時に知っておくと便利なグラフ作成用JavaScriptライブラリー。意外とレスポンシブ対応のものが少なかったので、対応しているものを集めてみました。 ↑私が10年以上利用している会計ソフト! 1. Chart.js 公式サイト|サンプル|ドキュメント|GitHub Chart.jsはグラフ作成用JavaScriptライブラリーの大御所とも呼べるのではないでしょうか?手軽にアニメーションのついた美しいグラフを表示できますよ。棒グラフ、円グラフ、折れ線グラフ、極座標グラフ、バブルチャート等、様々な種類が用意されています。もちろんレスポンシブ対応!どのグラフ描画ライブラリーにするか悩んだら、ひとまずChart.jsを試してみるといいでしょう。 Chart.jsの読み込み まずはファイ

    レスポンシブ対応!Webサイトにグラフを表示できるJavaScriptライブラリー3つ
  • アニメーションつきのグラフをカンタンに描画!一度は試してみるべきchart.jsを使ってみた | WebNAUT by Beeworks

    ※この記事は2014年2月12日に執筆された記事です。現在は仕様が異なる可能性があります。 最近データの可視化が流行しているとの噂を聞きつけ、流行りものに乗っかるべくライブラリをあれこれ試しています。その中でも使い勝手がよくドキュメントも分かりやすいChart.jsを使ってWebNAUTのアクセスデータを可視化してみたいと思います。 Chart.jsを使おう シンプルにグラフ描画ツールとして使えるものからリッチでインタラクティブな表現ができるものまで、データ可視化に使えるライブラリが充実してきています。 (恐ろしくカタカナが多いですね) その中で使い方が分かりやすく扱いやすいChart.jsを使いWebNAUTのアクセスデータを可視化し、どのような方々に読んでいただいているのかを推察してみたいと思います。 元データとするのはおおよそ過去1年間の以下の4つの指標です。いずれもGoogle A

    アニメーションつきのグラフをカンタンに描画!一度は試してみるべきchart.jsを使ってみた | WebNAUT by Beeworks
  • 1