Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Create a face with d3.js!

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

00b367a8b2414e899dba0d9769071031

Open

Fork of Create a face with d3.js!

0 stars0🌍 Public
Ppraveennayak1702@gmail.com
Last edited Mar 28, 2024
Created on Mar 28, 2024

This visualization displays the win counts of multiple teams across years using layered area paths in an SVG, with each team distinguished by a color from the `d3.schemeCategory10` palette and a legend identifying them. The code loads CSV data via `d3.csv` with `d3.autoType`, then applies `d3.area()`, `d3.scaleLinear` for the axes, and `d3.axisBottom`/`d3.axisLeft` for the ticks. The chart emphasizes trend comparison through semi-transparent fills, sourced from a gist-hosted dataset, while relying on D3 v7 for all rendering.

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.