Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Question_4

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

d4bbfe91cb5d44aba177e4f64a3ea521

Open

Question_4

0 stars0🌍 Public
SSai Sandhya Nannapaneni
Last edited Oct 23, 2024
Created on Oct 23, 2024

This example displays the Iris dataset as a bubble chart, encoding sepal length on the x-axis, sepal width on the y-axis, and petal length as the bubble radius. It uses d3.csv to load the data and d3.scaleLinear and d3.scaleSqrt to map values to positions and sizes. Axes are generated with d3.axisBottom and d3.axisLeft, and circles are appended to an SVG with a steelblue fill and opacity 0.5. Tooltip styling is included in the HTML but not activated.

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.