ICE5 cat dataset

100%

ICE5 cat dataset

✓ Published2🌍 Public

Last edited Mar 19, 2025

Created on Mar 18, 2025

This visualization presents a dataset of cat breeds, showing both summary statistics and a breed-by-breed comparison of average age. A scrollable bar chart displays the mean age for each breed, with breed labels rotated beneath the bars. The code loads CSV data via `d3.csv`, computes averages and summaries using `d3.mean` and `d3.rollup`, and renders the chart with D3 v7’s SVG selection and scale APIs. A dynamic SVG width accommodates the full breed list, while the summary panel reports data size, row and column counts, and overall averages.

AI-generated description

This visualizes cat breed data using D3.js to provide insights into the average age of different cat breeds. The visualization includes: A data summary section with key statistics. An interactive bar chart showing average age per breed. A scrollable SVG container to accommodate all breeds.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE6 cat dataset

This visualization presents summary statistics for the ICE6 cat dataset, displaying the average age for each distinct cat breed as a horizontal bar chart. A data summary panel reports the total dataset size, column count, row count, average age, average weight, and number of breeds. The chart is rendered as an SVG using D3 v7, with bars and rotated labels built via `d3.select`, `d3.scaleLinear`, and the `d3.rollup` function to compute breed-level averages, with data loaded remotely via `d3.csv`.

AArram Anila

93% match

Loading thumbnail…

ICE6 Bar Chart 11719939

This bar chart visualizes the average age of different cat breeds, sourced from a CSV dataset. Each breed is represented as a green bar, with the average age labeled above it. The chart is rendered as an SVG using D3.js v7 and dynamically sized based on the number of breeds. The code employs D3’s `d3.csv`, `d3.rollup`, and `d3.mean` to aggregate the data, then uses `d3.scaleBand` and `d3.scaleLinear` to position bars and axes. The visualization includes rotated x-axis labels, grid lines, and axis titles.

AArram Anila

91% match

Loading thumbnail…

ICE6 Scatter Chart

This bar chart visualizes the average age of different cat breeds, computed from a CSV dataset using D3 v7. The chart displays a green bar for each breed, with age labels above each bar and grid lines for readability. It uses `d3.csv` to load the data, `d3.rollup` and `d3.mean` to aggregate average ages by breed, and D3 scales and axes to render the chart as SVG. The chart also includes axis labels, a title, and rotated x-axis tick labels for breed names.

AArram Anila

91% match

Loading thumbnail…

ICE6 Scatter Plot 11719939

This scatter plot visualizes the relationship between the age and weight of individual cats, with each point colored by gender (blue for male, red for female). The code loads a CSV dataset via `d3.csv` and maps the data to positions using `d3.scaleLinear` for both axes. Interactive tooltips, implemented with D3 mouseover events, display breed, age, weight, and gender for each point. The SVG rendering includes labeled axes and a light blue background, all styled through standard CSS.

AArram Anila

84% match

Loading thumbnail…

ICE-5

This example presents a static SVG illustration of a cat alongside a text summary of the Anime List dataset. The visualization shows the total data size in kilobytes, row count, and column count, which are computed using D3 v7’s `d3.csv` and `d3.csvFormat` methods. The page uses plain HTML with embedded CSS styling, rendering the illustration and message in the browser without any interactive elements or dynamic charting.

RRaajithaSabbineni

78% match

Loading thumbnail…

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.

Gg_ivaska@coloradocollege.edu

77% match

Loading thumbnail…

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.

Cchris.shimotake@gmail.com

77% match

Loading thumbnail…

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.

Cchris.shimotake@gmail.com

76% match