How to do a bubbleMap using the world

sgratzl / chartjs-chart-geo

Chart.js Choropleth and Bubble Maps

https://www.sgratzl.com/chartjs-chart-geo/

MIT License

347 stars 36 forks source link

How to do a bubbleMap using the world #218

Closed onel closed 7 months ago

onel commented 8 months ago

I went through the example and I was looking for a way to combine the Bubble map but using the world map. Is that possible? Any examples for this case?

I tried combining type: 'bubbleMap' with the options bubbleMap's codepen but it doesn't seem to work.

Also, I tried with different topojson files, but the API is not very clear what the format of those files should be.

Thanks

sgratzl commented 8 months ago

sure you can

you will need

long/lat for the points you want to render
change the projection to a word based one e.g. mercator, equalEarth
optionally have an outline which is a topojson file of the world

catalinacalin7 commented 7 months ago

Can you please make a codepen with an example? Thanks

sgratzl commented 7 months ago

random cities in world:

https://codepen.io/sgratzl/pen/WNWojKq?editors=0010