D3 geo projection Playgraund Demo
->Demo
->Japan
->World
geojsonデータ
var geojson = { "type": "Feature", "geometry": { "type": "Polygon", "coordinates": [ [ [100.0, 0.0], [101.0, 0.0], [101.0, 1.0], [100.0, 1.0], [100.0, 0.0] ] ] } }
投影法の指定＆path関数の生成(
Geo Projections
)
var projection = d3.geo .mercator() .scale(2000) .rotate([0,0,0]) .translate([0 , 0]) .center([100.0, 1.0]); var path = d3.geo.path().projection(projection);
geojsonデータをパスデータに変換
path(geojson)
実行
出力
パスデータ
svg出力