Fork of Activity6_Question 3

100%

Fork of Activity6_Question 3

✓ Published0🌍 Public

Last edited Apr 13, 2024

Created on Apr 13, 2024

This scatter plot visualizes the relationship between alcohol content and density for different wine types, with a shape-based legend distinguishing categories. Built with D3 v7, it uses `scaleLinear`, `scaleOrdinal`, and `symbolsFill` from the d3 module, along with custom ES6 modules for axes and legend rendering. Data is fetched from a GitHub-hosted CSV file and parsed with `csvParse`. The visualization updates responsively to window size and demonstrates a declarative SVG-building pipeline using `select` and `join` operations.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question3.6

This interactive scatter plot visualizes the relationship between alcohol and density in wine samples, with shape distinguishing wine types. Using D3 v7, it loads data from a remote CSV file and renders an SVG chart with axes, tick marks, and a custom shape legend. The code demonstrates modular ES6 imports, including local modules like axes.js and scatterPlot.js, alongside D3 APIs such as scaleLinear, scaleOrdinal, and symbol for varied data point shapes.

Mmasters200128@gmail.com

92% match

Loading thumbnail…

Fork of Activity 6

This scatter plot visualizes the Wine dataset, mapping color intensity on the x-axis and alcohol content on the y-axis. It displays 178 data points as steel-blue circles within an SVG canvas. Built with D3 v6, the code uses `csv` to load remote data, `scaleLinear` for both axes, and the `axisLeft` and `axisBottom` functions to render tick marks and labels. The plot’s scales are computed from the data’s extent, and axis titles appear in green text.

Nnumitha

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

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

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

86% match

Loading thumbnail…

Activity 6 Q 3

This scatter plot visualizes the Wine dataset, displaying the relationship between Alcohol and Malic.acid with points colored by wine class (1, 2, 3) using red, green, and blue. The visualization loads CSV data via `d3.csv`, applies `d3.scaleLinear` for both axes, renders SVG circles, and includes axis labels and ticks generated with `d3.axisLeft` and `d3.axisBottom`.

Rrohitpotluri@my.unt.edu

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

85% match

Loading thumbnail…

Activity 6 Question 3

This interactive scatter plot visualizes chemical characteristics of wine cultivars, mapping alcohol content along the x-axis against flavanoids on the y-axis. Data points are colored by target class using a switch statement that assigns skyblue, lightgreen, or orange markers. The visualization loads a CSV dataset from a GitHub repository, parses numeric fields, and renders using D3 v6’s `scaleLinear`, `axisLeft`, `axisBottom`, and `select` APIs. The SVG output is displayed full-window with axis labels for both variables.

Rrahulnathmukkolla@gmail.com

85% match