ICE 6-2

100%

✓ Published0🌍 Public

Last edited Oct 20, 2025

Created on Oct 20, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

91% match

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

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

86% match

Loading thumbnail…

ICE 6 - Q2 - Scatter plot

This scatter plot visualizes the relationship between color and intensity attributes of wines from the Wine Recognition dataset. Each point’s position encodes the two quantitative variables, while its fill color and symbol shape are both driven by the intensity value, using D3’s scaleOrdinal with three fixed colors and symbol types. Implemented as a vanilla HTML/SVG application with d3.csv for data loading, d3.scaleLinear for axes, and a custom scatterPlot function that builds marks via d3.symbol and attaches axis labels dynamically.

Ssenthilrajendran1

86% match

Loading thumbnail…

wine_scatterplot

A scatterplot shows wine quality ratings along the x-axis against alcohol content on the y-axis, with each wine represented as a semi-transparent golden circle. The visualization uses D3 v7’s `scaleLinear`, `axisBottom`, and `axisLeft` to map the data, which is loaded from a semicolon-delimited CSV file. The source data contains wine attributes like fixed acidity, pH, and sulphates, though only quality and alcohol are plotted. The SVG rendering includes gridlines and labeled axes, with circles sized at a fixed radius of 10.

SSophia Cofone

84% match

Loading thumbnail…

ICE 6 -3

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.

CCharith Kapuluru

84% match

Loading thumbnail…

Activity6_Question3

This interactive scatter plot visualizes red wine quality by plotting alcohol percentage on the x-axis against density on the y-axis, with each point colored by its quality rating using a d3.scaleOrdinal with the schemeCategory10 palette. The SVG chart uses d3.axisBottom and d3.axisLeft for the axes, and data is loaded asynchronously from a CSV file via d3.dsv with semicolon delimiters, parsing numeric alcohol and density values while preserving quality as a string category. Point radius is fixed at five pixels, and margins are set to accommodate labeled axes with green, 20px times-font text.

Ssivachandraramanaidu.vnof52@gmail.com

83% match

Loading thumbnail…

Activity6_Q3

This scatter plot visualizes the relationship between color intensity and alcohol content in a wine dataset. The D3.js v6 code loads data from a remote CSV file, parses the numeric fields, and uses `scaleLinear` and `extent` to map the values to SVG coordinates. Circles are rendered with `steelblue` fill, with axes labeled "Alcohol" and "Color Intensity" via `axisLeft` and `axisBottom`. The chart displays a clear positive trend between the two variables.

Nnumitha

83% match