Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart

Public visualization

Viewing a saved revision (read-only)

3d63e8bf98f44d31803babd8bdda29ca

Bar Chart

0 stars0🌍 Public
CClaudio Puggioni
Last edited May 12, 2023
Created on May 12, 2023
Forked from HTML Starter

This example shows a bar chart with five rectangular bars of varying heights, rendered as black shapes against a white background. It presents categorical data where each bar’s height encodes a value, with the chart drawn directly in SVG using hard-coded `rect` elements. The visualization is built with React and relies on plain SVG markup, not a data-binding library like D3, as all dimensions and positions are explicitly defined within the JSX structure. The bars sit on a baseline, and the black-on-white contrast emphasizes the length differences across categories.

AI-generated description

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

See also React Starter.