Skip to main content
100%

Symbols to Scatter Plot

✓ Published0🌍 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.

MIT Licensed

Similar vizzes