Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignmnet 2 -Area chart

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

295ce1ea7f07492c9cbdcafcf6215b75

Open

Assignmnet 2 -Area chart

0 stars0🌍 Public
Aabdul.khader2899@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

This area chart visualizes website traffic trends across five different site categories—News, Travel Blog, E-commerce, Health Portal, and Entertainment Hub—over time using a CSV dataset loaded via d3.csv. Each category is rendered as a semi-transparent filled path using d3.area with curveMonotoneX smoothing, overlaid to show comparative growth. The visualization employs d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for ticks, and includes a custom legend built with SVG rectangles and text. The code uses d3.v7 and renders entirely as SVG.

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.