Viewing a saved revision (read-only)
3f0b43ddbe6644c6a963ff9b4d985a79
Fist Iteration of final project
This interactive globe visualization displays geopolitical boundaries and stadium locations using an orthographic projection. Users can pan by dragging and zoom by scrolling, with d3-geo and d3-zoom handling the interaction and projection math. The map renders TopoJSON country outlines via d3.geoPath, while a custom visibility tester from d3-geo ensures point markers only appear on the visible hemisphere. Red circles mark stadium coordinates filtered through the projection’s stream interface, demonstrating how to handle off-screen geographic points in a rotating globe context.
AI-generated descriptionMade a Globe with paning and zooming. The data I used here is dummy data as I will have to add a coordinates column to my data. For sticking the coordinate point to the map I derived the logic used in the following visualization(https://observablehq.com/@d3/testing-projection-visibility?collection=@d3/d3-geo)