Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

ddb24af22d0941829a3c60e813edf476

Untitled

0 stars0🌍 Public
Gglennburger
Last edited Jan 18, 2022
Created on Jan 18, 2022
Forked from HTML Starter

This example demonstrates how to create a simple bar chart using D3.js version 7 and SVG rendering within a React framework. It renders three orange rectangles with fixed widths and heights that vary based on the dataset [4, 15, 34], positioning them horizontally with a 25-pixel spacing. The visualization uses `d3.select`, `d3.selectAll`, and the `.data()` method to bind the data array to SVG rect elements, with `attr()` calls setting fill color, dimensions, and x/y coordinates. The chart shows how D3's declarative API can generate static SVG graphics without animation.

AI-generated description

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

See also React Starter.