Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-7 Common Visualization Idioms

Public visualization

Fork of ICE-7 Common Visualization Idioms

0 stars0🌍 Public
Sskmriyaz0786@gmail.com
Last edited Oct 25, 2025
Created on Oct 25, 2025

This example demonstrates a reusable scatter plot that visualizes the relationship between CO₂ emissions and GDP for six countries using data from a local CSV file. It employs D3 v7 with SVG rendering, implementing a `scatterPlot` function that accepts container, data, and variable parameters for reusability. The visualization uses `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to create proportional scales and axes, with circles positioned via `attr` bindings. The code also clears previous SVG elements before re-rendering, ensuring clean updates without duplication.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed