【データ入門】D3.jsとは？ – グラフのサンプルで理解
データを使って、チャートやグラフなど効果的に視覚表現して伝える「データビジュアライゼーション」を実装するのに便利なライブラリ、「D3.js」… 続きを読む »【データ入門】D3.jsとは？ – グラフのサンプルで理解
d3.js
【d3.js】円グラフにラベルを追加する方法
d3.js(v5)を使った円グラフにラベルを追加する方法をご紹介します。 下記の円グラフを描く方法、グラフにラベルを追加する記事を参考にして… 続きを読む »【d3.js】円グラフにラベルを追加する方法
【d3.js】表tableを出力する方法 - 感染症比較（SARS, Ebola, MERS, COVID-19)
d3.js（v5）で表tableを出力する方法のご紹介です。 今回は、コロナウイルスと急性呼吸器症候群（COVID-19、MERS、SARS… 続きを読む »【d3.js】表tableを出力する方法 - 感染症比較（SARS, Ebola, MERS, COVID-19)
【d3.js】グラフにテキストを追加する方法
3d.js(v5)で、グラブにラベル（テキスト）を追加する方法をご紹介します。 下記の散布図を使って、円にラベルを追加していきます。 HTM… 続きを読む »【d3.js】グラフにテキストを追加する方法
【d3.js】散布図の半径を指定する方法
d3.js(v5)を使った散布図の半径を指定する方法についてご紹介します。 こちらの散布図を描く方法を使って、それぞれの要素の半径を指定する… 続きを読む »【d3.js】散布図の半径を指定する方法
【GeoJSONとは？】世界地図や国土地理情報をJSONデータ形式で使ってみる
地図や地理情報を使うときによく聞くGeoJSONというデータについてご紹介していきます。 GeoJSONとは？ GeoJSONは、JavaS… 続きを読む »【GeoJSONとは？】世界地図や国土地理情報をJSONデータ形式で使ってみる
【JSONLint】JSONエラーチェック方法 – 無料ツール比較
JSONのデータ型は{}や,の抜けミスなど、書き方でエラーが起こることが多く、ツールを使って事前にエラーチェックしておくと、あとでバグに悩ま… 続きを読む »【JSONLint】JSONエラーチェック方法 – 無料ツール比較
# 【d3.js】要素を選択して操作するセレクタメソッド – selection
d3.jsでは、セレクタで要素（タグ）を選択し、操作を行って行きます。 セレクタとは？ 何に対して、命令文を適用するかの選択対象をセレクタと… 続きを読む »# 【d3.js】要素を選択して操作するセレクタメソッド – selection
【d3.js 】グラデーションを面グラフ（Area Chart）に加える。
3d.js(v5)で、グラフにグラデーション追加する基本です。 SVGのグラデーションの基本はこちらの記事にまとめております。 今回は、こち… 続きを読む »【d3.js 】グラデーションを面グラフ（Area Chart）に加える。
【 d3.js】SVGでグラデーションを指定する方法 - linearGradient
SVGでグラデーションを指定する方法をご紹介していきます。 サンプルソース viewBox viewBoxを指定すると、描画エリアのアスペク… 続きを読む »【 d3.js】SVGでグラデーションを指定する方法 - linearGradient