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

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

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

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

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

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

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

前回作成した横浜市地図に、区名ラベルを入れてみたいと思います。   とりあえず、ラベルを貼るソースコードを追加してみます。L78-92が追記箇所です。 index.html   前・・・続きを読む

前回記事で作成したGeoJSONファイルから、TopoJSONファイルを作成して、地図を表示するところまでやってみます。   TopoJSONファイルに変換する GeoJSONファイルをTo・・・続きを読む

横浜市地図をD3.jsで描いてみた ちょっと前のことですが、D3.jsという素晴らしいライブラリがあるのを知りました。 http://d3js.org カッコいいですよね〜^-^ このD3.jsを使っ・・・続きを読む