Skip to main content
SimilarExport ZIP
100%

Activity6_question 4

✓ Published0🌍 Public
Ssasidhharreddy@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This example displays a bubble plot visualizing the first 50 entries of the WineQT dataset, showing the relationship between free and total sulfur dioxide concentrations, with bubble size encoding wine quality and color representing the quality rating on a categorical scale. The visualization uses D3 v6 to load the CSV data from a GitHub repository, applies linear scales for the axes, and a square-root scale (`d3.scaleSqrt`) for bubble sizing. The SVG renderings are generated with `d3.axisBottom` and `d3.axisLeft` for tick marks, and points are drawn as `circle` elements with an ordinal color scheme (`d3.schemeSet2`) and an opacity of 0.7.

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…

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
89% 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
88% match
Loading thumbnail…

Activity 6_question 3_task 1

A scatter plot visualizes wine quality against free and total sulfur dioxide concentrations. Each point uses a distinct color and shape to encode wine quality ratings from 1 to 10, with a legend mapping symbols to quality levels. The visualization loads a CSV from a GitHub repository, processes the data, and renders an SVG using `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.symbol` for custom point markers defined per quality value.

Jjampani921@gmail.com
87% 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
87% match
Loading thumbnail…

Tutorial_3_Question_6

This example visualizes the relationship between free and total sulfur dioxide levels in wine samples, using a scatter plot where each point’s color encodes wine quality. The chart is rendered with D3 v6 as an SVG, drawing circles with scales and axis helpers. It loads data from a CSV file hosted on GitHub and applies a custom color mapping for quality ratings. The visualization demonstrates basic D3 data binding, CSV parsing, and linear scaling.

Cchandrikachowdary867@gmail.com
86% 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
85% match
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
84% match
Loading thumbnail…

Activity6_question 3

This scatter plot visualizes the relationship between volatile acidity and citric acid in wine samples, with each point color-coded by quality rating. The code loads data from a GitHub-hosted CSV file using `d3.csv`, then processes numeric fields before rendering SVG circles. It uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and a custom color mapping for quality values. The visualization is built with D3 v6, rendered entirely in SVG, with labels added for both axes.

Ssasidhharreddy@gmail.com
84% match