d3-geomap | A library for creating geographical maps based on D3.js | Map library
kandi X-RAY | d3-geomap Summary
kandi X-RAY | d3-geomap Summary
A library for creating geographical maps based on D3.js
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Return the css config
- Add accessor to obj
- Create a new geomap object .
- Initialize a new Chot - like object .
d3-geomap Key Features
d3-geomap Examples and Code Snippets
Community Discussions
Trending Discussions on d3-geomap
QUESTION
I try to add labels to map done with d3-geomap, but can't make it work.
The choropleth map itself gets painted correctly, but adding the labels doesn't work out right. The labels show up on the wrong position.
After painting the map I loaded again the topojson file again and then add text blocks like that:
...ANSWER
Answered 2019-Oct-23 at 21:58I made some changes to your code and published it in this gist. When testing it locally, the map displayed like the image below. At this size, labels don't work well, but if you resize the map and/or show fewer labels it should be okay.
Some info on the changes. Whenever you want to draw something on top of a map with d3-geomap, it should go in the postUpdate
function. This way the map is already rendered and its SVG elements, the geo data and the path object are accessible via the map object you created. No need to load the Topojson file a second time. The function passed to postUpdate
looks like follows:
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install d3-geomap
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page