Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 practice

Public visualization

Viewing a saved revision (read-only)

c0f1895b4589414bb2d036bec5a1e94d

D3 practice

0 stars0🌍 Public
AAndy Zhang
Last edited Oct 16, 2020
Created on Oct 16, 2020
Forked from HTML Starter

A single row of six vertical bars displays categorical values from a fixed array. The bar heights correspond to the numeric data, and each bar is positioned with a uniform width and small spacing between bars. The visualization is built with D3 v5’s selection and `.data()` methods, appending SVG `rect` elements to an `<svg>` element in a React-free HTML page. The chart’s dimensions and bar positions are explicitly set, while the CSS removes page scrolling by positioning the body absolutely.

AI-generated description

A bare minimum HTML page.

See also React Starter.