Viewing a saved revision (read-only)
92a73b782b6c451c9146d3eda07939c9
Data Visualization Studios World Tour WIP
An interactive globe visualizes the locations of data visualization studios worldwide, with color-coded regions and a legend for explore. A "world tour" automatically flies between studio locations using smooth zooming and rotation, pausing on user interaction. The visualization uses d3-geoOrthographic, d3.geoPath, and d3.interpolateZoom, with React state driving the animation loop and SVG rendering for the globe, labels, and points.
AI-generated descriptionData Visualization Studios Around the World
An animated spinning globe visualization showing data visualization studios and their locations across the globe using an Orthographic projection. This map also features major cities for geographic context.
This visualization uses the Orthographic projection from D3, which projects the globe onto a flat plane, creating a view of the Earth as if looking at it from space. The globe continuously rotates to show different regions of the world over time.
Features
- Spinning Globe: Continuously rotating orthographic projection for an immersive view
- Orthographic Projection: Perspective projection that simulates viewing the Earth from space
- Data Points: Studios projected onto the map based on latitude/longitude with interactive highlighting
- City Labels: Major cities dynamically labeled based on population and collision detection
- Color-Coded Regions: Visualized by region (North America, Europe, Asia-Pacific)
- Interactive Legend: Hover over regions to highlight related studios
- Responsive Design: Adapts to different screen sizes with smooth animations
Interactions
- Hover Legend: Hover over regions in the legend to highlight and emphasize related studios on the spinning globe
Projection
This visualization uses the geoOrthographic projection
from d3-geo, which projects
the globe onto a flat plane as if viewing it from infinite
distance in a particular direction.
Data
Data sourced from publicly available information about data visualization studios worldwide.
See also
- d3-geo
- topojson-client
- RBush for label collision detection