こんばんは。今日は前回記事の続きです。色相方向に補間して求めた色を使って、実際に地図を色分けしてみました。 題材として、過去の記事「横浜市地図に数値Dataラベルを貼る」で描いた横浜市・区人口ラベル付・・・続きを読む

こんにちは。今日はD3.jsでグラフや地図に色塗りする場合のお話です。   グラフや地図を値ごとに色分けするには、d3.scale.linear()を使うと簡単です。これは、値に対応した色を・・・続きを読む

今日は地図の方を進めようと思います。前回記事「横浜市地図を人口に応じて色塗りする」で描いた地図に、区名ラベルだけでなく数値のラベルも添付できるようにしたいと思います。     ポリ・・・続きを読む

こんにちは。昨夜の大雨から一転して真夏の気候で大変ですね。外出時には日傘必須です^^;   地図を人口の大小に応じて色分けする さて、前回の記事「JSONファイルをCSVファイルに変換する」・・・続きを読む

こんばんは。だんだん気候が夏に近づいてきましたね。私は暑いのが苦手なので、エアコンに頼りまくりです^^;   棒グラフに縦軸を追加する 今日は前回の記事「D3.jsで横浜市の人口棒グラフを表・・・続きを読む

こんにちは。今朝は台風が通過する予報だったのでドキドキして起床しましたが、予想外にも快晴でした。 これがいわゆる台風一過でしょうか。とっても良いお天気です♥︎   人口を棒グラフで可視化する・・・続きを読む

こんにちは。梅雨で毎日ジメジメしていますが、気分だけは元気にブログを更新しようと思います。   横浜市地図に日本語区名を表示する さて、今日でようやく横浜市地図に区名ラベルを表示できます。以・・・続きを読む

こんばんは。今夜も前回の記事「区名と行政団体コードを書き並べたCSVからJSONファイルを作成する」の続きで、せっせと地図を描き進めようと思います。   D3.jsのJSON読み込みは非同期・・・続きを読む

こんばんは。今日は、横浜市の区名と”id”+行政団体コードをリストアップしたCSVファイルから、JSONファイルにコンバートします。これを後に、TopoJSONファイルと一緒に・・・続きを読む

こんにちは。今日は、前回記事「区名を英数字コードに置換する」でTopoJSONファイルの中の区名をID番号に書き換えたものを使って、再度横浜市地図を表示してみます。   区名の代わりに行政団・・・続きを読む