Skip to content Skip to sidebar Skip to footer

D3js Circles On A Map : Projection Issue?

Once again i'm searching for some help. I manage to draw my map but when i attempt to add circles (stores locations from csv), my points appears in the left corner and i'm getting

Solution 1:

There are two things that come to mind:

  1. Your CSV headers (Lon,Lat) do not match the properties you use to center the circles (lon, lat).

  2. There is an error in your csv: 13,33.243161-8.512494999999944,Station13,1672473 (It's missing a comma).

If you think you are having problems with the projection, the easiest way to confirm this is to test a point out:

console.log(projection[0,0]); 

If you get a SVG coordinate back, your projection is likely not the issue. Instead the issue is likely with what you are feeding the projection or the inline formula that uses the data projection returns.

Post a Comment for "D3js Circles On A Map : Projection Issue?"