🌍 Public
Viewing a saved revision (read-only)
b075ad1ad2f14004b089b3c4229b3137
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.