Skip to main content
100%

Reusable scatter plot with different symbols

✓ Published0🌍 Public
SSaivignesh-9176
Last edited Mar 13, 2023
Created on Mar 13, 2023
Forked from D3 Starter

This example demonstrates a reusable scatter plot that visualizes the Iris dataset, encoding petal width on the x-axis, sepal length on the y-axis, and species with different SVG symbols. The code uses D3 version 6’s `csv` loader and `select` method to fetch and render the data, while a custom `scatterPlot` function encapsulates the chart’s configuration. The plot is drawn as an SVG with dynamic sizing based on the viewport, and symbol shapes differentiate the three species. The implementation highlights a modular, reusable approach to building charts with D3.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes