Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

task9(b)

Public visualization

Viewing a saved revision (read-only)

f252a6ea539a4ca7b3012864128df043

task9(b)

0 stars1🌍 Public
Vvandanakosuri@my.unt.edu
Last edited Apr 24, 2024
Created on Apr 24, 2024
Forked from Hello VizHub

This area chart visualizes residual sugar levels for wine samples categorized as “bad” or “good” quality. Using D3.js v7, an SVG path is filled via the `d3.area` generator, mapping each data point’s index to a linear x-scale and its sugar value to a y-scale. Axes are added with `d3.axisBottom` and `d3.axisLeft`, with rotated x-axis tick labels. The dataset is embedded directly in the script, and the chart is rendered with a steelblue fill on a 600×400 canvas, with margins and no external data source.

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.