Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Gubs Intro course

Public visualization

Viewing a saved revision (read-only)

6cde8bec15eb4f2d9d9dac95c6967e34

Gubs Intro course

0 stars2🌍 Public
Hhquazza@gmail.com
Last edited Jan 28, 2025
Created on Jan 19, 2025
Forked from HTML Starter

This visualization displays dummy survey data for groups A through D, using black circles to represent each group’s total count with area proportional to the value via `d3.scaleSqrt`, while opacity encodes the total relative to 50. Group labels appear centered within each circle as white text. Built with D3 v7 and React, the SVG rendering positions circles horizontally with a fixed spacing, and the code demonstrates basic data binding with `selectAll().data().join()` for both circles and text elements.

AI-generated description

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

See also React Starter.