Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

c7f58a0ab972431a86d598d36ef91dd6

Untitled

0 stars1🌍 Public
TTrushin Arseniy
Last edited Apr 9, 2023
Created on Apr 9, 2023
Forked from HTML Starter

This example demonstrates a scatter plot of 100 randomly generated points within a 600×400 SVG viewport. The visualization shows how D3’s zoom behavior transforms a group element containing the circles, enabling pan and zoom interactions. The code uses `d3.zoom()` with a `handleZoom` callback that applies the event transform via `.attr('transform', ...)`. Rendering relies on SVG circles with `cx`, `cy`, and `r` attributes, using D3’s data join pattern to bind the generated array of point objects.

AI-generated description

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

See also React Starter.