I just changed .text(d.place) to .text(i.place) and everything is working now 😃

Well done!!!

Problem was in scoping variable projection: const projection = d3 .geoAlbersUsa() .scale(1300) .translate(width / 2, height / 2); I checked with console.log(projection(-86.300568, 32.377716)) and in output was null. So I changed `translate(${projection([longitude, latitude]).join(",")})` to `translate(${d3 .geoAlbersUsa() .scale(1300) .translate([width / 2, height / 2])([longitude, latitude]) .join(",")})` And it works now! 😃 But there is still question of how to make variable projection be visible in the scope? 🤔

Send me link to your code )

Apurv Chimralwar , wow, that's cool! Coz I'm studing the same technologies these days! ) What do you want to do after?

My congratulations! Was this challenge for HTML?

Problem was in coding - so I changed UTF-16 of my data.json to UTF-8