Viewing a saved revision (read-only)
2320a185b8b44a0db1fa748803a99335
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 visibility of 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)