Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

task-9-2

Public visualization

Viewing a saved revision (read-only)

c541c149b3474b468cca4e5c8cb7a57c

task-9-2

0 stars1🌍 Public
Ssiri2001j@gmail.com
Last edited Apr 28, 2024
Created on Apr 28, 2024
Forked from Hello VizHub

This D3.js v7 example visualizes Hyundai sales data over time using a smooth area chart. The SVG canvas displays a skyblue filled region, with a time-scaled x-axis representing years and a linear y-axis for sales figures, both rendered with grey gridlines and red tick labels. The code imports specific D3 modules including `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `area` with `curveBasis` smoothing. Data is loaded asynchronously from a remote CSV file, with the sales field parsed as numeric and the year field parsed using `timeParse`.

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.