Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 7 Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

3ab388df6a894f50bb7d29e673bfe662

ICE 7 Reusable D3 Scatter Plot

0 stars0🌍 Public
MM Hema
Last edited Mar 28, 2024
Created on Mar 28, 2024

This example presents a reusable scatter plot of COVID-19 data, mapping countries along the x-axis and death counts along the y-axis. It utilizes the D3.js library (v7) within an SVG rendering context, demonstrating a modular component pattern via the `scatterPlot()` function. The main script asynchronously loads a CSV dataset using `d3.csv`, parses death values as numbers, and then invokes the chart with configurable accessors, margins, and point size. The visualization adapts to the full browser window by setting its width and height from `window.innerWidth` and `window.innerHeight`.

AI-generated description