Fork of Fork of Cat Data draft 5 scatter tooltip, changeable axes
This example visualizes cat breed data with two linked views. A zoomable world map on the left uses a choropleth encoding to show the number of cat breeds per country, while a scatterplot on the right plots breeds by selected attributes like life expectancy and weight. The visualization uses `d3.geoEqualEarth` and `d3.geoPath` for the map projection, and allows users to change axes via dropdown controls. It loads the cat breed dataset from Kaggle, rendering with SVG and featuring animated transitions.
AI-generated descriptionData viz of the origins of different cat breeds.
On the left is a world map with countries colored based on the number of cat breeds. This world map is zoomable and pannable using pinches and drags. On the right is a scatterplot of cat breeds graphed based on their max life expectancy and max weight.
Currently, the popuptooltip is broken, but when it works, we want there to be a popup for countries and cat dots. For countries, this might look like the country name and a list of cat breeds. For cat dots, this might look like the cat breed and the country or countries it's from.
Additionally, there's a lot of overlap in the dataset, so we're working on adding some jitter to make each cat dot easier to see.
Some tasks:
- Find what cats are from different countries
- See what countries different cats are from
- Compare the number of cat breeds from different countries
Cat breeds data set: https://www.kaggle.com/datasets/warcoder/cat-breeds-details/discussion