Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A7 Multi Line Chart

Public visualization

Viewing a saved revision (read-only)

8ab3c50dee5a473ea435be451faf5fa5

A7 Multi Line Chart

0 stars1🌍 Public
SShazil Taqi
Last edited Mar 19, 2024
Created on Mar 18, 2024
Forked from HTML Starter

This multi-line chart visualizes FIFA World Cup goals scored across different tournament years, with each line representing a distinct number of teams participating. The chart uses SVG rendering with D3.js v7 to draw lines and circle markers for individual data points, while a color legend distinguishes team counts. Built with React, the visualization reads from a CSV dataset and includes interactive tooltips on hover. Axes are labeled for year and goals scored, with the legend oriented horizontally at the bottom. The implementation leverages D3 scales, line generators, and the d3-legend library for the color key.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.