Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Symbols to Scatter Plot

Public visualization

Viewing a saved revision (read-only)

b075ad1ad2f14004b089b3c4229b3137

Symbols to Scatter Plot

0 stars0🌍 Public
RRakesh Kumar Chekuri
Last edited Mar 28, 2024
Created on Mar 27, 2024

This responsive scatter plot visualizes the relationship between height and weight for individuals, encoding each data point with a distinct D3 symbol shape based on the person’s name. Hovering over any symbol reveals a tooltip with the individual’s age and gender. The code uses `d3.symbol()` and `d3.scaleOrdinal` to map names to symbol types, alongside `d3.axisBottom` and `d3.axisLeft` for axes. A separate SVG legend shows the mapping between each name and its corresponding symbol, with all elements rendered as SVG in d3.v7.

AI-generated description

A responsive scatter plot.