Breaking News: Grepper is joining You.com. Read the official announcement!

how to represente any map data with d3 js

abdoussalam Tine answered on January 22, 2024 Popularity 4/10 Helpfulness 1/10

answer how to represente any map data with d3 js

how to represente any map data with d3 js

Comment

let geoJson = {
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "name": "Africa"
      },
      "geometry": {
        "type": "Polygon",
        "coordinates": [[[-6, 36], [33, 30], ... , [-6, 36]]]
      }
    },
    ...
  ]
}

let projection = d3.geoEquirectangular();

let geoGenerator = d3.geoPath()
  .projection(projection);

// Join the FeatureCollection's features array to path elements
let u = d3.select('#content g.map')
  .selectAll('path')
  .data(geojson.features)
  .join('path')
  .attr('d', geoGenerator);

Popularity 4/10 Helpfulness 1/10 Language javascript

Source: www.d3indepth.com

Tags: any javascript map

Link to this answer
Share Copy Link