Skip to main content
SimilarExport ZIP
100%

ICE 6 -3

✓ Published0🌍 Public
CCharith Kapuluru
Last edited Oct 20, 2025
Created on Oct 20, 2025
Forked from D3 Starter

This visualization shows how the average pH, citric acid, and residual sugar levels of red wine change across different alcohol percentages. The data is grouped by rounded alcohol content, with each metric averaged per group and plotted as a multi-line chart. Built with D3 v7, the code uses `d3.rollups` for aggregation, `d3.scaleLinear` and `d3.scaleOrdinal` for scaling, and `d3.line` to generate the paths, with axes rendered via `d3.axisBottom` and `d3.axisLeft`. The source CSV is loaded directly from a GitHub gist.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 6 -3

This example visualizes the relationship between alcohol content, average residual sugar, and average wine quality in red wine samples. It displays grouped averages of residual sugar as light-steel-blue bars and average quality as a dark-orange line across rounded alcohol levels, with a legend distinguishing the two metrics. The visualization uses d3.csv to load the winequality-red dataset, then applies d3.rollups to compute grouped means. Bar and line geometries are generated with SVG rect elements and the d3.line generator, while d3.scaleBand and d3.scaleLinear map the data to axes.

CCharith Kapuluru
88% match
Loading thumbnail…

ICE 6-2

This scatterplot shows the relationship between wine quality ratings and alcohol percentage, with each circle representing a red wine sample. The visualization uses D3 v7 to load the CSV data, then maps quality scores to the x-axis and alcohol levels to the y-axis using linear scales with `d3.scaleLinear`. Points are rendered as semi-transparent steelblue circles via SVG `circle` elements, while `d3.axisBottom` and `d3.axisLeft` generate the axes, and text elements label the chart, axes, and title.

CCharith Kapuluru
84% match
Loading thumbnail…

ICE 6 -1

This bar chart shows the average wine quality rating for each rounded alcohol level in a red wine dataset, revealing a general upward trend in quality as alcohol content increases. The code loads the data with `d3.csv` and `d3.autoType`, groups the records using `d3.rollups` to compute mean quality per alcohol level, and sorts the categories. A `d3.scaleBand` positions the bars while a `d3.scaleLinear` maps quality values, with SVG rectangles rendered for each bar and axes added via `d3.axisBottom` and `d3.axisLeft`.

CCharith Kapuluru
84% match
Loading thumbnail…

Fork of ICE6.2 MBB

This example visualizes the relationship between residual sugar and citric acid in wine samples, with each point colored by wine quality category. It uses D3 v6 to load CSV data, create linear scales, and render circles in an SVG canvas. The code applies `scaleLinear` for both axes, `axisLeft` and `axisBottom` for ticks, and maps quality values to colors using a switch statement. The dataset is fetched from a remote CSV URL, and the visualization fills the full browser window with margins for labels.

Ppmbhupathibalu@gmail.com
80% match
Loading thumbnail…

Activity-6_Question-3

This scatter plot visualizes the relationship between fixed acidity and alcohol content in red wines, with each circle representing a wine sample. The chart uses axes labeled "Fixed Acidity" and "Alcohol" to display the distribution of these two chemical properties. Built with D3 v6, the visualization loads CSV data from a GitHub repository, parses it using custom row mappings, and renders points as semi-transparent steelblue circles. The code employs d3.csv, d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to handle data loading, scaling, and axis generation.

Llingaladineshteja23@gmail.com
77% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes correlations between alcohol, wine quality, and residual sugar in the WineQT dataset, sourced from a GitHub-hosted CSV file. Each circle’s position encodes alcohol percentage (x-axis) and quality score (y-axis), while its radius reflects residual sugar content and its color maps pH levels using the `d3.scaleSequential` with `interpolateTurbo`. Interactive tooltips appear on hover via mouse events, and a gradient legend displays the pH color scale. The visualization uses D3 v7 with SVG rendering, `d3.axisBottom`/`d3.axisLeft` for axes, and animated opacity transitions on mouseover and mouseleave.

Jjtulasi05@gmail.com
77% match
Loading thumbnail…

Activity7-Q2

This area chart shows the relationship between wine quality scores and average alcohol content, using red wine quality data loaded from a GitHub-hosted CSV. The visualization aggregates the dataset by grouping wines according to their quality rating and calculating the mean alcohol percentage for each group, then renders this as a crimson, semi-transparent area path. The code uses D3 v7 APIs including `d3.csv` for data loading, `d3.rollups` and `d3.mean` for aggregation, `d3.area` for the shape, and `d3.axisBottom` and `d3.axisLeft` for the labeled axes.

Kkoushikkumarreddykoorapati@my.unt.edu
76% match
Loading thumbnail…

A6_Q3

This scatter plot shows the relationship between alcohol content and quality ratings for red and white wines, with each point colored by wine type. The visualization uses D3 v7 to parse inline CSV data and render an interactive SVG chart with labeled axes. Hovering over a point enlarges it and displays a tooltip showing the wine type and quality score. The chart employs d3.scaleLinear for coordinate mapping, d3.axisBottom and d3.axisLeft for tick marks, and d3.scaleOrdinal to assign red and yellow colors to the respective wine categories.

SShashankkodishala@my.unt.edu
75% match