Skip to main content
SimilarExport ZIP
100%

Activity7_Q1

✓ Published0🌍 Public
VVidya Lakshmi Chitturi
Last edited Apr 10, 2025
Created on Apr 6, 2025
Forked from Hello VizHub

This example visualizes the distribution of wine quality ratings from the WineQT dataset, showing the count of wines for each quality score as a pie chart. The SVG chart is generated with D3 v6, using `csv` to load data from a GitHub repository, `pie` and `arc` to compute and draw slices, and `scaleOrdinal` with `schemeCategory10` for colors. A custom legend displays each quality label with its count.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7_Question1

This example visualizes the distribution of wine quality scores from the WineQT dataset with a D3.js pie chart. Each slice represents a quality score, with the slice's size proportional to the number of wines at that quality level, and the legend details the count per category. The visualization is rendered as an SVG created using `d3.select`, `d3.pie`, and `d3.arc` to generate the chart arcs and labels, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing the color scheme. The data is loaded remotely from a CSV file with `d3.csv`.

VVidya Lakshmi Chitturi
96% match
Loading thumbnail…

Activity7-Q1

This visualization displays the distribution of wine quality scores as a pie chart, with each slice representing a quality rating and its segment size proportional to the number of wines with that score. A legend to the right maps colors to quality values, while axis labels clarify that axes are not applicable for this chart type. The implementation uses D3 v7's `d3.pie` layout, `d3.arc` for path geometry, `d3.scaleOrdinal` with the `schemeSet2` color palette, and `d3.rollup` to aggregate counts from the CSV dataset fetched from GitHub. All elements are rendered as SVG using D3's append and join operations.

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

Activity7_Q1_dinesh

This pie chart visualizes the distribution of wine quality ratings from a red wine dataset, loaded via `d3.dsv` from a GitHub-hosted CSV file. It shows the percentage of wines for each quality score from 3 to 9, with a D3 legend and labels. The visualization uses `d3.pie` and `d3.arc` generators from the D3 6.7.0 library, employing a custom `pieChart` module with SVG rendering, `scaleOrdinal` for colors, and interaction effects like hover opacity changes.

Ddineshnimmagadda1@gmail.com
91% match
Loading thumbnail…

DV ASSIGNMENT-2

This interactive pie chart visualizes the distribution of wine quality ratings from a CSV file fetched via a GitHub Gist URL. The visualization uses `d3.pie()` and `d3.arc()` to generate the chart, with an ordinal color scale (`d3.scaleOrdinal`) and `d3.schemeCategory10` for segment colors. Quality counts are aggregated using `d3.rollup`, and each arc is labeled with its quality value. A legend below the chart maps colors to quality categories. The SVG canvas is sized at 960x500, with text labels positioned using arc centroids. The code also includes a reusable scatter plot module, though only the pie chart is rendered.

Ggoudasrija@gmail.com
87% match
Loading thumbnail…

Activity 6_question 3_task 1

A scatter plot visualizes wine quality against free and total sulfur dioxide levels, encoding quality ratings through a custom color palette and D3 symbol shapes. The SVG chart uses d3.csv to load WineQT.csv data, d3.scaleLinear for axes, and d3.axisBottom/axisLeft for scales. Points are rendered as paths via d3.symbol(), with a legend matching quality values to colors and shapes. Grey serves as a fallback color for missing quality ratings.

Ssumanthpenna0221@gmail.com
85% match
Loading thumbnail…

Activity 6_task3_question6

This scatter plot visualizes the relationship between free and total sulfur dioxide levels in wine samples, with each point colored and shaped according to wine quality rating. The code loads a WineQT dataset via `d3.csv`, scales both axes with `d3.scaleLinear`, and renders points as SVG paths generated using `d3.symbol()` with distinct shapes mapped to quality values. A custom color scale assigns a unique hue to each quality tier, while unlisted values fall back to gray. The chart uses `d3.axisBottom` and `d3.axisLeft` for labeled axes within an SVG container.

Cchandrikachowdary867@gmail.com
85% match
Loading thumbnail…

Activity 6_Question 6

This scatter plot visualizes the relationship between free and total sulfur dioxide levels in wine samples, with each point colored and shaped according to wine quality rating. Using D3.js v6, the visualization maps quality scores to distinct colors via a lookup object and applies different SVG symbol types through `d3.symbol()` and the `shapeMap` dictionary. The code loads wine quality data from a remote CSV file using `d3.csv()`, processes the numeric values, and renders the chart as an SVG with `d3.scaleLinear` axes and `d3.axisBottom`/`d3.axisLeft` for the x and y scales.

Aakhilasannayila@gmail.com
83% match
Loading thumbnail…

Fork of Activity6_Q

This scatter plot visualizes the red wine quality dataset, showing the relationship between fixed acidity and alcohol content. Each circle represents a wine sample, colored by its quality rating using a categorical color scale. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and parse the data, scale the values, and render the SVG axes and circles. The plot is responsive to the window size, with axis labels for both variables.

Llingaladineshteja23@gmail.com
82% match