Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatterplot

Public visualization

Viewing a saved revision (read-only)

9b81e79769d6445f9b1a2a6134bcd89d

Reusable D3 Scatterplot

0 stars3🌍 Public
Aajoua
Last edited Feb 27, 2023
Created on Feb 6, 2023
Forked from D3 Scatterplot

This example demonstrates a reusable D3.js scatterplot that visualizes the Iris dataset, plotting petal width against sepal length. The chart uses d3.scaleLinear for both axes, d3.axisLeft and d3.axisBottom for tick marks, and SVG circles for data points. The code implements a modular, configurable scatterPlot function with settable properties for width, height, data, margins, and radius, allowing the same visualization to be easily reused with different datasets or configurations. The rendering is fully SVG-based and fills the browser window.

AI-generated description