Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

teaching 3

Public visualization

Viewing a saved revision (read-only)

3e426257f7fe4a5099d6391f1798e0a8

teaching 3

0 stars1🌍 Public
NNita
Last edited Mar 17, 2023
Created on Mar 16, 2023

This example demonstrates a generative scatter plot, drawing 250 circles with randomized positions, radii, colors, and opacity onto an SVG canvas. It also includes a large, static SVG path that resembles a complex shape or map outline. The visualization uses D3 v5, leveraging `scaleLinear` and `scaleOrdinal` for scaling, along with `select` and `selectAll` to bind and append elements.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.