Symbols to Scatter Plot
✓ Published0🌍 Public
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.
MIT Licensed