Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Qualitative Bubble Chart

Public visualization

Viewing a saved revision (read-only)

a8629075a631429898024b18d1c8be78

Qualitative Bubble Chart

0 stars0🌍 Public
PPranay Matalia
Last edited Mar 8, 2022
Created on Mar 8, 2022
Forked from HTML Starter

This bubble chart visualizes the relationship between age and BMI for roughly 500 individuals, with color encoding gender. The SVG rendering uses d3.scaleLinear for both axes and d3.scaleOrdinal with a custom color range to distinguish male and female data points. The code loads data from a CSV via d3.csv and positions circles using xScale and yScale. A d3-legend legend is added for gender, and both axes are generated with d3.axisBottom and d3.axisLeft.

AI-generated description

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

See also React Starter.