Fork of ICE6 cat dataset

100%

Fork of ICE6 cat dataset

✓ Published0🌍 Public

Last edited Mar 25, 2025

Created on Mar 25, 2025

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`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE5 cat dataset

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.

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

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

89% 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…

Fork of ICE-7 Line Chart

This fork of the ICE-7 line chart visualizes dog breed data by plotting maximum female height over time on the x-axis against breed names on the y-axis, with a red line path connecting points and labeled axes. The chart uses D3 v5’s `csv` loader to fetch data from a GitHub gist, `scaleTime` and `scaleLinear` for scaling, and `line()` to generate the SVG path. Axes are rendered with `axisBottom` and `axisLeft` inside an SVG container, with custom tick styling and static text labels for both dimensions.

Vvryvarma5577@gmail.com

78% match

Loading thumbnail…

Fork of ICE 7-1 Reusable Scatter Plot

This fork of the ICE 7-1 reusable scatter plot visualizes different dog breeds, using the Iris Dataset structure for its CSV data. Written in D3 v6, it renders an SVG with animated, shape- and color-coded symbols that cycle through four attribute axes every ten seconds via `setInterval`. The plot uses `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` from D3, with a custom `scatterPlot` module managing dynamic updates.

Vvryvarma5577@gmail.com

78% match

Loading thumbnail…

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.

Gg_ivaska@coloradocollege.edu

77% match

Loading thumbnail…

Fork of ICE

This fork of ICE renders a bar chart that shows the average of a detected numeric column grouped by a categorical column, with the data pulled from a remote Gist-hosted CSV file. The code uses d3.csv to load the data, heuristics to pick suitable categorical and numeric columns, and d3.rollups with d3.mean to aggregate the values. The resulting bars are drawn with d3.scaleBand and d3.scaleLinear, and the visualization includes axis labels, rotated category labels, and a grid for easier reading.

Ssarasaketh3@gmail.com

76% match