タグ

2014年9月1日のブックマーク (2件)

  • 【D3.js】グラフと地図を連動させる

    散布図上でドラッグすると、選択した範囲の都道府県に色が付きます。 d3.svg.brushを使って、散布図と地図を連動させるサンプルを作成しました。 example データセットの作成 有効求人倍率と充足率の情報は「社会生活統計指標」より。 都道府県の地図データは以下よりいただきました。 都道府県色塗り用shapeファイル(英語表記) 社会生活統計指標からダウンロードした「労働」統計表をExcel上で編集してcsvに。 作成したcsvと都道府県色塗り用shapeファイルをQuantum GISに読み込み結合。(結合の方法は以下を) 属性データにCSVまたはDBFファイルを結合したい 結合したデータをgeojsonで出力し、さらにtopojsonに変換します。 topojsonへの変換は「TopoJSONを使う」を参照してください。 出来上がったデータセットは以下。 todofuken.to

    【D3.js】グラフと地図を連動させる
    fjmoto
    fjmoto 2014/09/01
    .jobs_ratio > rightBotom[1] && d.properties.fullness_rate < leftTop[0] && d.properties.jobs_ratio < leftTop[1] ) return colorScale(d.properties.jis); return baseColor; } } var brush = d3.svg.brush() //brushオブジェクト作成 .x(xScale) //x軸を選択可能範囲に指定 .y(yScale) .on("brush
  • dc.js - Dimensional Charting Javascript Library

    dc.js is a javascript charting library with native crossfilter support, allowing highly efficient exploration on large multi-dimensional datasets (inspired by crossfilter's demo). It leverages d3 to render charts in CSS-friendly SVG format. Charts rendered using dc.js are data driven and reactive and therefore provide instant feedback to user interaction. dc.js is an easy yet powerful javascript l

    dc.js - Dimensional Charting Javascript Library