Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A6 Scatterplot

Public visualization

Viewing a saved revision (read-only)

ea30cf1ca0a3435cb57b2f5ee695e306

A6 Scatterplot

0 stars0🌍 Public
SShazil Taqi
Last edited Mar 27, 2024
Created on Mar 27, 2024

This scatterplot visualizes the relationship between age and income, with each circle colored by gender using a categorical color scale. The chart uses D3.js v7 to load CSV data from a GitHub gist, scales the x-axis starting at age 15 and the y-axis from 5000 income, and renders SVG circles with axes labeled "Age" and "Income." A d3-legend color legend titled "Gender" identifies the categories, while the styling sets black axis lines and text. The rendering approach is SVG, with scales defined via `d3.scaleLinear` and `d3.scaleOrdinal`.

AI-generated description

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

See also React Starter.