Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

bar chart practice

Public visualization

Viewing a saved revision (read-only)

9ca848744a1f42b5900cd73c23dd1790

bar chart practice

0 stars0🌍 Public
Cchiiii-beginner
Last edited Jul 18, 2023
Created on Jul 6, 2023
Forked from HTML Starter

This example creates an abstract geometric composition using D3.js within a React project. It draws 100 horizontal and vertical bars across the full screen, then applies two distinct circular masks to create cross-shaped and bordered effects. The SVG rendering uses D3’s `select`, `range`, and `join` APIs to generate the rectangles, while two custom masks—one with a black background and white circle, another inverted—produce the visual contrast against the dark background.

AI-generated description

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

See also React Starter.