🌍 Public
Viewing a saved revision (read-only)
442c4b12e6154666ab4704f409180279
Fork of Fork of D3 Scatter Plot
A reusable scatter plot built with the reusable chart pattern displays the Iris dataset from Curran's Gist repository. It uses `d3.scaleLinear`, `extent`, and `axisBottom`/`axisLeft` for axes, with the chart configured via chainable methods for width, height, margin, and data accessors. The plot responds to data updates by joining circles to the DOM, rendering petal length against sepal length with steelblue points at 5-pixel radius and 0.7 opacity.
AI-generated descriptionD3 Scatter Plot
A reusable D3 scatter plot component built with the reusable chart pattern.
Features
- Reusable chart function following D3 conventions
- Configurable margins, dimensions, and data accessors
- Responsive to data updates
- Clean axis rendering
Data
Uses the Iris dataset from Curran's Gist repository.
Configuration
The chart can be configured using chainable methods:
.width(value)- Set chart width.height(value)- Set chart height.margin(object)- Set margins.xValue(function)- Set X-axis data accessor.yValue(function)- Set Y-axis data accessor