Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment2-Area chart

Public visualization

Viewing a saved revision (read-only)

ff818e5ba24d44ff803993d4d1cc7ca9

Assignment2-Area chart

0 stars0🌍 Public
Vvullihanumantharao@gmail.com
Last edited Apr 9, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

This area chart visualizes the cost of sales from 2000 to 2013, with the x-axis representing time and the y-axis showing the cost value. The chart uses a smooth, curved line to connect data points, and the area beneath the line is filled with a cyan color to emphasize the magnitude of the values over time. The visualization is rendered as an SVG using D3 v5, with axes, labels, and gridlines styled via CSS. Data is loaded from a CSV file, and the chart is constructed using D3's `scaleLinear`, `scaleTime`, `area`, and `line` APIs.

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.