Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

b741cf47365e4898bb174df4fc8517e4

Untitled

0 stars0🌍 Public
Nnicolekevans
Last edited Dec 15, 2022
Created on Dec 14, 2022
Forked from HTML Starter

This interactive visualization uses D3.js v7 to display World Cup team statistics from a CSV file as circles arranged in a row, with team names labeled beneath each circle. A control panel presents buttons for different data attributes such as wins, losses, points, and goals, and clicking a button uses `d3.scaleLinear` to map that attribute’s value to the circle radius via `.attr("r", ...)`. The circles initially render at a fixed size, then resize dynamically based on the selected metric, with CSS classes styling active and inactive states.

AI-generated description

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

See also React Starter.