Cat Data

Cat Data draft 4 legend, zoom/pan, popuptooltip

This visualization combines a choropleth map with a scatter plot to explore cat breed data. The map uses a threshold color scale to show the number of breeds per country, while the scatter plot displays maximum life expectancy against weight, with points colored by country of origin. The d3.geoEqualEarth projection renders the map, and d3.scaleThreshold maps data counts to a color palette. Interactive tooltips appear on hover, and the chart supports zoom and pan controls. The d3.v6 library handles SVG rendering and chart animations, with data sourced from a Kaggle cat breeds dataset.

91% match

Gg_ivaska@coloradocollege.edu

Cat Data Final Demo

This visualization presents two linked views of cat breed data. A left-hand world map uses a threshold color scale to show the number of cat breeds per country, while a right-hand scatterplot plots breeds by their maximum life expectancy and weight. The map is rendered using `d3.geoPath` with an equal-earth projection, and both views support interactive selection of attributes via dropdown menus. The scatterplot uses `d3.scaleThreshold` for coloring points by origin country. The dataset originates from a Kaggle cat breeds collection.

90% 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.

90% 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.

Fork of Cat Data draft 1 16:25 5/4

This example combines a choropleth map and a scatter plot to explore cat breed data, linking geographic origins to life expectancy and weight. The map uses `d3.geoEqualEarth` and `d3.geoPath` to render countries, colored by a linear scale based on data counts. The scatter plot plots `max_life_expectancy` against `min_weight`, with point size determined by a custom radius function. Both SVGs render with D3 v6, and a tooltip provides interactive details on hover.

Fork of Cat Data draft 1 Scatterplot

This example combines a choropleth map and an animated scatterplot to explore cat breed data, linking geographic origin to life expectancy and weight. The map colors countries by average maximum lifespan using a linear scale, while the scatterplot plots each breed’s max life expectancy against minimum weight, with point size representing population. Built with React and D3 v6, it uses `d3.geoEqualEarth()` projections, `d3.geoPath`, linear and log scales, and SVG rendering. A tooltip provides additional detail on hover.

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 Fork of Cat Data draft 2 get the map to work

This example combines a choropleth world map with a scatter plot to visualize cat breed data. The map colors countries by the number of cat breeds originating there, while the scatter plot shows each breed’s max life expectancy and min weight. It uses d3.geoEqualEarth, d3.geoPath, d3.scaleThreshold, and d3.scaleOrdinal for rendering. The code loads data from CSV files and renders two SVG elements with animated transitions, using the d3.v6 library within a React framework.