Climate World Map Cities - fixing tooltip
An interactive 3D globe visualizes agricultural crop yields across cities worldwide, with each city represented by colored, size-scaled circles that spiral outward from their geographic coordinates. A dropdown menu filters the data by year, while tooltips display detailed information about the selected city, region, crop type, and yield. The visualization uses d3-geoOrthographic and d3-geoPath to render the globe and projection, with d3-zoom and d3-drag enabling panning and zooming. Data comes from the modified Climate Change and Agriculture dataset.
AI-generated descriptionA globe with panning and zooming showing modified data from Climate change and Agriculture Dataset, and the Original Dataset can be found here.
The dataset was modified to have a key city with each distinct country-region pair that are known for their agriculture within the region. The cities were determined by ChatGPT, and then the Latitude and Longitude were found based on the cities.
UPDATE:
- Tooltip with infor
- Dropdown bar with year selection
- Give each distinct crop type a color and size them according to the value
- Different crop yields are spiraled out from the city's lat and long
TODO:
- tooltip is not disappearing if the mouse stays and zooming or dragging
- maybe combine same crop type in the same year in the same region