Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of Hello VizHub : Making circles 1

Public visualization

Viewing a saved revision (read-only)

7dddfb3c93bb4b458546641d5c953822

Fork of Fork of Fork of Hello VizHub : Making circles 1

0 stars0🌍 Public
Iiamsrihari28
Last edited Sep 16, 2021
Created on Sep 16, 2021

This example displays 150 randomly generated circles scattered across an SVG canvas. The code uses D3 v5 APIs such as `scaleLinear`, `scaleOrdinal`, and `schemeCategory10` to map data values to positions and colors. Each circle’s radius, x-coordinate, and y-coordinate are derived from the random data multiplied by additional random factors. The circles are rendered with semi-transparent fills and strokes using RGB strings, demonstrating basic data binding and SVG element creation.

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.