Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart: Goal Contributions

Public visualization

Viewing a saved revision (read-only)

4e48889acb88443d897f75c6a747f7c9

Bar Chart: Goal Contributions

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

This bar chart displays total career goals and assists for individual players, with each bar growing upward in a staggered animation. The visualization overlays the chart on a scaled soccer field outline, complete with penalty areas, a center circle, and a halfway line. Built with D3 v4, the code uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `transition()` with `.delay()` to animate bar heights. Data is loaded from a CSV file via `d3.csv`, and SVG shapes render the field markings.

AI-generated description

A demonstration of how to start using D3 version 6.