Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

making a bar chart

Public visualization

Viewing a saved revision (read-only)

b2cc2c52332c4c2fb716ffdc844d6353

making a bar chart

0 stars0🌍 Public
Aankxxit
Last edited Apr 12, 2023
Created on Apr 12, 2023
Forked from HTML Starter

This bar chart displays scores for four individuals, Simon, Mary, Jo, and Peter, using blue vertical bars on an SVG. The chart builds with D3 v7, using `d3.scaleBand` for the x-axis categories and `d3.scaleLinear` for the y-axis range from 0 to 100. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, with custom tick formatting for names. The hardcoded data is bound via `selectAll` and `join`, and the SVG includes a viewBox for responsive sizing.

AI-generated description

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

See also React Starter.