Cat Data draft 4 legend, zoom/pan, popuptooltip

Gg_ivaska@coloradocollege.edu

Fork of Cat Data draft 4 legend, zoom/pan, popuptooltip

This visualization combines a choropleth map and scatter plot to explore cat breed data from Kaggle. The map uses a `d3.geoEqualEarth` projection with a threshold color scale to show the number of breeds per country, while the scatter plot displays life expectancy against weight. Interactive features include zoom/pan on the map and a tooltip that appears on hover via D3 event listeners. Both SVG panels are rendered with D3 v6 in a React setup, with data loaded from CSV files. The visualization also includes a legend and animated transitions.

95% match

Cat Data draft 4.2 demo

A dual-panel D3.js (v6) visualization explores cat breed origins. The left panel displays a zoomable and pannable world map, colored by the number of breeds per country, using `d3.geoEqualEarth` and `d3.geoPath`. The right panel is a scatterplot of breeds by maximum life expectancy and weight. The view uses an SVG renderer and includes animation for user interaction. The dataset is derived from a Kaggle cat breeds list. Popup tooltips are currently non-functional; the code also plans to add jitter to mitigate overlapping scatterplot points.

94% match

Fork of Cat Data draft 4.1 popuptooltip experiments

This visualization combines a choropleth map with a scatter plot to explore cat breed data. The map uses `d3.geoEqualEarth` and `d3.geoPath` to color countries by breed count, while the scatter plot shows each breed's max life expectancy against max weight. Hovering over a country or data point reveals a tooltip with breed details. The code uses D3 v6 with SVG rendering and animation, and pulls from a Kaggle cat breeds dataset.

93% match

Gg_ivaska@coloradocollege.edu

Cat Data draft 1

This visualization combines a choropleth map and a scatter plot to explore cat breed data. The map uses `d3.geoEqualEarth` and `d3.geoPath` to display the geographical distribution of breeds, with each country colored according to the number of breeds originating there. The adjacent scatter plot shows the relationship between a breed's maximum life expectancy and minimum weight, with point color assigned via a categorical scale and size derived from a custom function. Both SVG elements are rendered using d3.v6, and a tooltip appears on hover.

93% match

Gg_ivaska@coloradocollege.edu

Cat Data draft 4.5 dropdown experiments, embedding

This visualization displays the origins of cat breeds by combining a zoomable and pannable choropleth map on the left with a scatter plot on the right. The map colors countries based on the number of cat breeds, while the scatter plot graphs each breed by maximum life expectancy and weight. The map is rendered using `d3.geoPath` and `d3.geoEqualEarth`, while the scatter plot uses D3 v6 with interactive axis selectors. Both views are intended to support exploration of breed origins and comparisons, though tooltip functionality is currently incomplete. Data comes from the Kaggle cat breeds dataset.

Fork of Fork of Fork of Cat Data draft 3 making legend

This visualization combines a geographic choropleth map with a scatter plot to explore cat breed origins and traits. The map uses `d3.geoEqualEarth` and `d3.geoPath` to render a projection of world data, with a threshold color scale indicating the number of breeds per country. The scatter plot uses `max_life_expectancy` and `max_weight` as axes, with each breed represented by a circle. Animated SVG transitions update the visualizations in response to data changes, and a tooltip provides additional details. The code loads data from a CSV file containing cat breed information from Kaggle.

Fork of Cat Data draft 1 Scatterplot

This visualization combines a choropleth map and scatterplot to explore cat breed characteristics across countries. The map colors countries by origin, while the scatterplot plots maximum life expectancy against minimum weight for each breed. Built with D3.js v6, the code uses `d3.geoEqualEarth` and `d3.geoPath` for map rendering, `d3.scaleLog` for the y-axis, and SVG elements with tooltips. Data comes from CSV files containing breed attributes and geographic mappings.

Fork of Cat Data draft 4.4 dropdown experiments

This visualization combines a zoomable world map with a scatterplot to explore the origins and physical characteristics of cat breeds. The map colors countries by the number of breeds they originate from, while the scatterplot displays each breed’s max life expectancy and weight, with dropdown menus to switch the plotted axes. The map uses `d3.geoEqualEarth` and `d3.geoPath` for projection and rendering, and the scatterplot relies on D3 scales for color and position. The tooltip is currently non-functional, but the code prepares for popups showing breed names and countries. The data comes from the Kaggle cat breeds dataset.