🌍 Public
Viewing a saved revision (read-only)
d4e88f9e9d3f4081be88efa4c1dbdbc9
Symbols to Scatter Plot
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 descriptionA responsive scatter plot.