Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart: Goals

Public visualization

Viewing a saved revision (read-only)

1c4a7317194345eba26e27d0f50d6f9c

Bar Chart: Goals

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

A bar chart compares total career goals for different footballers, with green bars animating upward in sequence from an initial zero position. The chart includes custom axes, rotated labels, and a football pitch overlay with field markings and penalty areas drawn behind the bars. It uses D3 v3 and v4 together, loading data from a CSV file, and relies on `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `selection.transition()` with duration and delay for the animated bar growth.

AI-generated description

A demonstration of how to start using D3 version 6.