グラフを描画できるライブラリのまとめ

  • このエントリーをはてなブックマークに追加

こんにちは、工藤です。
今回はグラフを描画できるライブラリをご紹介します。

vis.js

1vis
サイト・サンプルへ

ネットワーク図を引っ張った時の動きが面白くて個人的に好きです。
あまりに複雑なものでなければアニメーションもサクサク動きます。


D3.js

2D3
サイトへ  サンプル一覧

かなり自由度が高いライブラリらしく、とにかくサンプルの数が豊富にあります。
慣れている人は自分で細かい作りこみもできそうですね。


cola.js

3cora
サイト・サンプルへ

サンプルはネットワーク図のようなものが豊富な印象です。
ブラウザ上で数値など変更して確認できるのが便利ですね。



CHARTIST.JS

4CHARTIST
サイトへ  サンプル一覧

こちらのライブラリの一番の特徴はありがたいことにレスポンシブ対応しているところです。
用意してあるサンプルのデザインもかわいらしいですね。


Chart.js

5Chart
サイトへ  サンプル一覧

フラットなデザインがとてもかわいらしいライブラリです。
HTML5のcanvasを使用して描画されています。


Flotr2

6Flotr2
サイト・サンプルへ

こちらもHTML5のcanvasを使用して描画されています。
クリックした箇所に点を打って折れ線グラフを描画できるなど、他とはまた違ったサンプルも用意されています。

執筆者:工藤[ WEBデザイナー ]

WEBデザイナー。 最近はWordPressを触るのが好きです。よろしくお願いします。

関連記事

WordPress

本当に使う機能だけを残した、シンプルなWordPressのSEOプラグインを作成しました

WordPressでSEO周りの設定が簡単にできる、SEOプラグイン。 SEO対策には便利ですが、設定項目が多すぎて「どこを触ればいいのか分からない」と感じることはないでしょうか? そこで今回、社内の案件用にシンプルなSEOプラグインを作成してみました。 『最低限の設定のみでシンプルに』というのが今回のテーマです。 今回の記事では「どんな考え方で設計したのか」といった、制作背景などを紹介していきます。 ※本記事ではコードの全公開やダウンロードは行いません 目次1 なぜSEOプ […]

プログラミング

SharePoint CSSとJSを入力できるWEBパーツを作る(モダンUI向け・SPFx)

SharePointのモダンUIで、SharePoint Framework(以降SPFx)という技術を使用し、CSSとJSを入力できる独自WEBパーツを作ります。 旧来のクラシックUIではスクリプトエディターと呼ばれていたWEBパーツを再現します。 目次1 前提条件2 WEBパーツの作成手順3 1.環境構築4 2.SPFxプロジェクトを作成4.1 VSCodeでフォルダを開く4.2 ターミナルを開いてコマンドを入力4.3 質問1:プロジェクトの名前を入力4.4 質問24.5 […]

Webサイト制作

SharePointとは?社内DXを始めよう!

目次1 SharePointって一言でいうと何?2 簡単ってどれくらい?3 パーツは色々用意されています。4 ファイルに個人情報が含まれているんだけど…5 簡単なのはわかったけど、やっぱり手間がかかる6 実際によくあるつまづきポイント7 SharePointを魅力に感じたら8 活用事例のご紹介 SharePointって一言でいうと何? SharePointは、 “社内の人だけ見れるWebサイトを簡単につくれるクラウドサービス”です。 「このページを見れ […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。