GUNMA GIS GEEK

群馬県の片隅でオープンデータとデータビジュアライゼーションとGIS(地理情報システム)に戯れるエンジニアのブログ。

「 D3v4 」 一覧

simulator

感染症の伝播と集団免疫効果を視覚化する。

2017/02/14   -D3v4, Javascript

先日、たまたま見つけて購入した「Nature in Code」に掲載されていた、感染症シミュレーション(SIRモデル)が面白そうだったので作成してみた。 demo 白いセルが感染可能者(感染する前の健 …

d3.js logo

D3.js version.4を学ぶための学習リソースの紹介。

2016/12/16   -D3v4

この記事は「D3.js Advent Calendar 2016」 参加記事です。 D3.jsメジャーバージョンアップ 2016年6月28日に、約4年ぶりとなるメジャーアップデート、D3.js ver …

RESAS-APIを使ってみた。

2016/11/04   -D3v4

RESAS(地域経済分析システム)に掲載しているデータをプログラムから取得できるAPIが、11月1日公開されました。今週末から開催される「RESAS API ハッカソン」に参加するので、予習がてら少し …

d3.js ver.4 axis update example

【D3.js】Axis(軸)を可変させる2種類の方法。

2016/10/13   -D3v4

D3で作成した軸の値を変更してアップデートする方法です。 基本的には、スケールのドメインを変更してAxisオブジェクトに渡してアップデートするだけです。 サンプル1 axis要素を追加する初期化処理と …

駅すぱあと路線図API Hacks! D3.jsを使ってSVGをオーバーレイする。

2016/10/03   -D3v4, leaflet.js, turf.js

新しい地図サービスが始まったとき、誰もが気になるのは「この地図サービスでD3.jsは使えるのだろうか?」という点でしょう。心配ありません。駅すぱあと路線図でD3.jsは使えますよ! 日本全国シームレス …

javascript Proxy Object

【D3.js】proxyを使ってデータセットが変更されたらチャートを再描画する。

2016/09/06   -D3v4, Javascript

D3.jsを使ってデータビジュアライゼーションを作成するときにありがちな処理として、入力フォームの値が変更されたらチャートを再描画するというのがあります。入力フォームのchangeイベントが発火したら …

upload/download

【D3.js】チャートをSVGやPNGでダウンロードできるようにするまでの長い道のり

2016/08/17   -D3v4

自分用のメモ書きですが、何かの参考になるかもしれないので掲載しておきます。 Upload / Download / johntrainor 結論 先に結論だけ書いておきます。 画像にしてダウンロードさ …

D3.js ver.4 example

D3.js ver.4 始めました。

2016/07/19   -D3v4

http://bl.ocks.org/shimizu D3.js のver.4を触っております。 D3が登場し注目を集めてから初のメジャーバージョンアップ。しかも後方互換なしということで、一部(主に私 …