plotly.js - 3Dまでこなす高度なグラフライブラリ MOONGIFT
Webに足りないのは高度な表現力と言われていますが、HTML5のSVGやCanvasによって大幅に向上しています。しかし、それらを使いこなしたり、プログラミングと組み合わせるのは大変です。 そこでライブラリを使って手軽に表現力を増してみましょう。今回はグラフライブラリのplotly.jsを紹介します。 plotly.jsの使い方 サンプルです。マウスオーバーにも対応しており、ハイレベルな描画ができます。 マウスで囲んでズームできます。 こんなグラフまで。 データの幅から平均値を使ってトレンドを見ることができます。 この淡い感じがすごいですね。 WebGLを使った3Dグラフにも対応しています。 基本的なグラフにももちろん対応しています。 複雑かつ使われる機会も多いグラフ。 地図やローソクチャート。 3Dチャートは使いこなすのが難しそうですが、インパクトがありますね。 plotly.jsはグラ
代表的な4つのグラフの使い分けのポイント（第2回） | データをざくざく処理するためのグラフの読み方、使い方 | Web担当者Forum
前回の第1回では、なぜグラフ化のスキルが重要であるかという点をお話ししました。これから派生形を含めて最終的には9種類のグラフについて順に解説していきますが、第2回となる今回では、よく利用される4種類のグラフの特徴をまず概観してみます。円グラフ、折れ線グラフ、棒グラフ、散布図の4つです。 それぞれのグラフは、何を表現したいかに応じて使い分けることになりますが、いざ表を目の前にしてグラフを作ろうとしたときに、どのグラフを使うのがベストなのかがすぐには判断がつきにくいこともあります。判断のポイントとなるのは、「系列数」「質的視点」「量的視点」という3つの見方です。 チェックポイント1 系列数（数値の列が1つか、複数か？）まずはベースとなる表の「系列数」を見ます。系列数という言葉はあまり耳慣れない言葉ですが、わかりやすくいうと、グラフ作成のベースとなる表において、数値が1列なのか複数列あるのかとい
放射能情報一覧
各都道府県の4064地点の放射線量グラフを公開しています。 2024/08/03 02:10 時点の最新放射線量データです。(10分毎更新)
はてなブックマーク
キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
