Fork of Cat Data Final Demo popup dropdown
This example visualizes data on cat breeds with two linked views. A world map, using a d3.geoEqualEarth projection and d3.geoPath, colors countries by the number of breeds they originate from, while a scatterplot of breed attributes (life expectancy and weight) uses d3.scaleThreshold for color encoding. Users can switch scatterplot axes via dropdown menus. The map supports zooming and panning, and the visualization includes tooltip elements for both the map and scatterplot. Cat breed data is loaded from CSV files.
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