Assignment 7

100%

Assignment 7 - Q2 - 2

✓ Published1🌍 Public

Last edited Oct 26, 2025

Created on Oct 26, 2025

This chart shows the average alcohol content for each wine quality score in a white wine dataset, with a line connecting the mean values and orange circles marking each point. The visualization is built using D3 v7, with the SVG rendered through a `d3.svg` container. The code loads a CSV from a GitHub Gist, calculates averages using `d3.rollup` and `d3.mean`, and scales data with `d3.scaleLinear`. It draws the line via `d3.line` and axes with `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 7 - Q3

This area chart visualizes the average alcohol content of white wine across quality scores, using data from a CSV file. The visualization groups wines by quality rating and computes the mean alcohol percentage for each score. Built with D3.js v7, the chart combines a filled area path with an overlaid line, points, and value labels, all rendered as SVG. The code uses D3 scales, axes, the `d3.area` generator, and `d3.rollup` for data aggregation, with styling defined in an external CSS file.

AAKSHAY

94% match

Loading thumbnail…

This scatter plot shows the relationship between alcohol content and quality scores for white wine samples, with each circle representing an individual wine. A reusable `scatterPlot()` function in D3 v7 builds the SVG chart, using `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` for tick marks. The chart loads CSV data from a GitHub gist, parses the numeric columns, and renders semi-transparent steelblue points. The function exposes getter/setter methods for width, height, value accessors, and color, demonstrating a configurable chart pattern.

AAKSHAY

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

87% match

Loading thumbnail…

Assignment 7 - Q2

This pie chart visualizes the distribution of wine quality ratings from a CSV dataset of white wines. The visualization shows the proportion of wines at each quality level, with slices labeled by their quality score and a custom legend displaying exact counts. The chart is rendered using D3 v7's modular APIs, including `d3.pie()` for slice generation, `d3.arc()` for path construction, and `d3.scaleOrdinal()` for categorical coloring. Data is loaded from a remote CSV file via `d3.csv()` and aggregated with `d3.rollup()` to count entries per quality group.

AAKSHAY

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

85% match

Loading thumbnail…

Activity7_Q2_Dinesh

This area chart visualizes the relationship between alcohol content and wine quality in a red wine dataset, using binned averages to show the trend. The data is loaded via `d3.csv` from a remote gist URL, then binned with `d3.bin` and averaged with `d3.mean`. The visualization applies `d3.area` to generate the filled path, with `scaleLinear`, `axisBottom`, and `axisLeft` handling scales and axes. The SVG rendering includes styled labels and a gradient background, with the final chart displayed in a responsive container.

Ddineshnimmagadda1@gmail.com

84% match

Loading thumbnail…

assg2_q2

This area chart visualizes the relationship between wine quality and alcohol content, using data from a CSV file of red wine samples. The chart plots quality on the x-axis and alcohol percentage on the y-axis, with the area filled in light gray. Built with D3.js v7, the code loads data via `d3.csv`, sorts records by quality, and constructs the visualization using `d3.area`, `d3.scaleLinear`, and SVG axis generators (`d3.axisBottom`, `d3.axisLeft`). The SVG canvas is created with dynamic width and height based on specified margins.

Ssrilekhasridasyam@my.unt.edu

83% match

Loading thumbnail…

Q1 -Dinesh D3.js!

This scatter plot visualizes the relationship between alcohol content and wine quality, with each point's color encoding the wine's citric acid level using a turbo color scale. The visualization displays the data from the included `wine_quality.csv` file, rendering as an SVG. The code constructs a reusable chart function using D3.js v7, leveraging `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` to build the axes and scales. The color mapping employs `d3.scaleSequential` with `d3.interpolateTurbo`.

Ddineshsingiri18@gmail.com

83% match