Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6 Task 4

Public visualization

Viewing a saved revision (read-only)

b2c9b65df3a44f7483fb314ff2fed3a5

Activity 6 Task 4

0 stars0🌍 Public
Mmaheshchowdaryponnaganti@my.unt.edu
Last edited Apr 10, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This example shows a bubble chart that visualizes spatial data by mapping x and y coordinates to a scatterplot and a third size value to the radius of each circle. The chart loads CSV data from a GitHub repository using D3 v5’s `d3.csv` method, then renders the bubbles as SVG circles with a skyblue fill and semi-transparent opacity. It uses `d3.scaleLinear` for the x, y, and radius scales, and displays axes via `d3.axisBottom` and `d3.axisLeft`, with explicit axis labels. The SVG canvas is fixed at 800 by 600 pixels with defined margins.

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.