Skip to main content
100%

ICE-7 : Reusable Scatter Plot

✓ Published4🌍 Public
AArun
Last edited Mar 28, 2024
Created on Mar 28, 2024

This example presents a reusable scatter plot that visualizes the relationship between pregnancies and glucose levels in a diabetes dataset. The plot encodes the number of pregnancies on the x-axis and glucose concentration on the y-axis, while using different symbol shapes to represent skin thickness values. Built with D3.js, the visualization uses `scaleLinear` for axes, `scaleOrdinal` for symbol mapping, and `symbol` to generate distinct path shapes. The chart is rendered as SVG, with the `scatterPlot` function encapsulated as a reusable component, allowing configurable width, height, margins, and data accessors. Data is loaded asynchronously from a remote CSV file.

AI-generated description
MIT Licensed

Similar vizzes