Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

vol

Public visualization

vol

0 stars1🌍 Public
Vvivianaaai@qq.com
Last edited Nov 7, 2023
Created on Nov 7, 2023
Forked from D3.js 教程

This visualization displays a grid of 20 colorful rectangles arranged in a responsive layout, where each rectangle’s height and width are fixed but their positions depend on the window width. The SVG renders on a warm beige background, with each shape colored by cycling through a palette of six hues based on the rectangle’s index. The code uses D3 v6 to select the chart container, append an SVG element, and bind data via the `.join()` method. The number of columns is computed from the available width, creating a dynamic arrangement that adapts to the viewport.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed