タグ

ブックマーク / y-uti.hatenablog.jp (2)

  • D3.js で日本地図を描く - y_uti のブログ

    D3.js と TopoJSON を使って、ブラウザ上に地図を描くことが簡単にできるようです。ウェブ上の解説記事を参考にしながら私も試してみました。作成にあたっては、主に下記ウェブページの解説を参考にしました。 D3.js と TopoJSON で地図を作る できあがりは以下のとおりです。地図データは Natural Earth で公開されているものを利用しました。 D3.js と TopoJSON で日地図を描く 作業の流れは次のようになります。 Shape 形式の地図データを入手する GeoJSON 形式に変換する TopoJSON 形式に変換する D3.js と TopoJSON プラグインを使って TopoJSON 形式のデータをブラウザ上に描画する 私は普段 CentOS を利用しているのですが、CentOS 6.5 では、一連の作業に必要なソフトウェアは EPEL に揃ってい

    D3.js で日本地図を描く - y_uti のブログ
  • D3.js の配列操作関数いろいろ - y_uti のブログ

    ウェブブラウザ上でのデータ可視化手法を身につけようと思って D3.js の勉強を始めたのですが、API マニュアルを眺めていたところ、さまざまな配列操作関数が提供されていることに気付きました。これらの関数を使うことで、より関数的なコードを書くことができそうです。いくつかピックアップして紹介します。 Arrays · mbostock/d3 Wiki · GitHub d3.sum は、配列の要素の和を取得する関数です。以下のように使います。 var data = [1, 2, 3, 4, 5]; var sum = d3.sum(data); // 15 この関数の面白いところは、第二引数に accessor を指定できるところです。accessor を指定すると、配列の各要素はまず accessor で処理された後に総和が計算されます。 var data = [1, 2, 3, 4, 5

    D3.js の配列操作関数いろいろ - y_uti のブログ
  • 1