Fork of Cat Data draft 2 get the map to work

Gg_ivaska@coloradocollege.edu

Fork of Fork of Cat Data draft 3 linking the graphs

This visualization links a choropleth map of cat breed origins with a scatter plot of their physical traits. It displays the geographic distribution of cat breeds by country, alongside a plot of their maximum life expectancy against minimum weight. The code uses `d3.geoEqualEarth` and `d3.geoPath` to render the map, while `d3.scaleThreshold` maps the count of breeds to a color scale. The scatter plot uses `d3.extent` to determine axis domains, with the data sourced from the Kaggle cat breeds dataset.

95% match

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.

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.

Fork of Fork of Cat Data draft 2 get the axes to work

This visualization combines a world choropleth map with a scatter plot to explore cat breed data from Kaggle. The map uses `d3.geoEqualEarth` projection with `d3.geoPath` to render geographic boundaries, colored by the count of breeds per country using a `scaleThreshold` color scale. The scatter plot displays maximum life expectancy against minimum weight, with scatter points sized by a computed attribute. Both SVG panels render in React, with an HTML tooltip for interactivity. The visualization is built with d3.v6 and includes animated transitions between views.

Fork of Fork of Cat Data draft 2 get the classes to work

This visualization combines a choropleth map and a scatter plot to explore cat breed data. The left map displays the geographic origin of breeds, using a color scale based on the count of breeds per country. The right scatter plot compares maximum life expectancy against minimum weight for each breed. The code uses D3.js v6, specifically `d3.geoEqualEarth` for map projection and `d3.geoPath` for rendering geographic paths. Both visualizations are rendered as SVGs, with tooltips providing additional detail on hover.

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

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.

93% match

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.