Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pseudo Barchart d3

Public visualization

Pseudo Barchart d3

0 stars0🌍 Public
Sserebryanaya.n@gmail.com
Last edited Feb 15, 2023
Created on Feb 14, 2023

A dense field of semi-transparent green bars spans the full viewport, mapping each item in an array of 80 random numeric values to its vertical position and height via D3’s `selectAll().data().join()` pattern. The bars use SVG `rect` elements generated with a fixed width and horizontal spacing, while hover interactions alter opacity, fill color, and stroke width through CSS transitions. The visualization is built with D3 v7, using random data generated in JavaScript to fill the window dimensions.

AI-generated description

An example hendmade barchart SVG.

Comments

Sign in to join the discussion.

MIT Licensed