D3.jsでレスポンシブ・レイアウトを実現するには

D3.jsでレスポンシブ・レイアウトを 最近はウェブの閲覧環境が多様化し、PCとモバイルでは画面解像度が全くことなります。 D3.jsでなにかを作る際、ワンソースで多様な閲覧環境に対応するための、レスポンシブ・レイアウト…

3年前

D3.jsを使ったreusableな実装

D3.jsを使って、チャートを一つウェブに表示することはexampleを利用すればできますが、たとえば以下のような場合にはどうしたらいいでしょうか。 ・データが異なるバーチャートをいくつか掲載したい・カラースキーム(色の…

4年前

ShapefileからTopoJSONを生成する

Shapefile→GeoJSON→TopoJSON Shapefile(地理情報システムにおけるオープン標準ファイル形式)をウェブで使用可能なGeoJSONやTopoJSONへ変換するための手順をご紹介します。今回は…

4年前

ビジュアライズにおける正規化

たとえばある変数の値が350の場合、ある棒グラフではY座標はいくつになるでしょうか。またはあるバブルチャートでは円の直径はいくつになるでしょうか。 インプットとしてのデータセットが持つ数値体系や幅(最小値〜最大値)などは…

4年前

カントリー・コード

世界各国のデータをビジュアライズする場合、国をIDで管理すると複数データの連携が取れ、便利です。 ISO 3166(Wikipedia) Country Codes – ISO 3166 ラテン文字2文字の国…

5年前