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)

a8051f4794074345927d299bda50365a

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