ICE6 Scatter Chart

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.

96% match

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.

91% match

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

89% match

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.

87% match

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.

77% match

ICE-6 11640007 Scatterplot

This scatterplot visualizes male versus female maximum weight for dog breeds, with each point colored by species (blue for Great Dane, yellow for Border Collie, red for Schipperke, black otherwise). The code loads CSV data via `d3.csv`, maps it with `scaleLinear` and `extent`, and renders circles using `selectAll().join()`. It draws axes with `axisLeft` and `axisBottom`, sized to the window. Height values are stored as circle attributes (`rx`, `ry`) but only the radius is visually applied, leaving the scatter plot focused on weight dimensions.

76% match

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.

76% match

ICE6 RAJA YASWANTH VARMA VEGESNA (11640007)

This example visualizes the maximum life expectancy of 15 dog breeds using a horizontal bar chart rendered as SVG. The chart displays each breed’s name along the y-axis and a numeric scale along the x-axis. It uses React with hooks (useState, useEffect) to load and parse CSV data via d3.csv, then d3.scaleBand and d3.scaleLinear to position bars and ticks. Grid lines and axis labels are drawn manually with SVG elements, while d3.max and d3.format support the data domain.