Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task9and10_PR_2

Public visualization

Viewing a saved revision (read-only)

3b9f8252b4534a9db104cc2431ad1df4

Task9and10_PR_2

0 stars0🌍 Public
Ppravallikaratankanthkatragadda@my.unt.edu
Last edited Apr 28, 2024
Created on Apr 28, 2024
Forked from Hello VizHub

This example visualizes fruit preference data as a green area chart, mapping six fruit categories along a band scale and student preference counts along a linear scale. The visualization includes labeled axes, a legend, and a link to the underlying CSV dataset. The code uses d3.area() to generate the SVG path, d3.scaleBand() and d3.scaleLinear() for positioning, and d3.axisBottom() and d3.axisLeft() to render the axes. A separate legend is built with SVG rectangles and text elements, while D3 is loaded via the v7 minified script from UNPKG.

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.