Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart: Trophies

Public visualization

Bar Chart: Trophies

0 stars0🌍 Public
SSimon Hackbert
Last edited Nov 16, 2022
Created on Oct 31, 2022
Forked from D3 Starter

A bar chart displays the total career trophies for individual athletes, with a green bar for each named entry and a y-axis scaled from 30 to 45. The chart animates bars growing upward from the baseline in a staggered delay, using d3.csv to load data and d3.scaleBand and d3.scaleLinear for axes. D3 transitions with duration and delay drive the animation, while an SVG overlay draws a soccer field outline, penalty areas, and center line.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed