Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Responsive Scatter Plot

Public visualization

Fork of Responsive Scatter Plot

0 stars0🌍 Public
Ssaideep1612@gmail.com
Last edited Mar 20, 2024
Created on Mar 20, 2024

This example visualizes employee age against salary in a responsive scatter plot, using D3 v7’s `d3.csv` to load data from a remote CSV file and `d3.scaleLinear` to map the values. The chart draws SVG circles for each employee, with axes generated via `d3.axisBottom` and `d3.axisLeft`, and includes labeled axes for Age and Salary. The code also incorporates the `@curran/responsive-axes` library for flexible axis handling and a custom `viz` function, which applies margins, an inner rectangle background, and adjustable circle radius and opacity. The plot is rendered entirely in SVG, with a fixed initial size but structured to support responsive resizing.

AI-generated description

A responsive scatter plot.

Comments

Sign in to join the discussion.

MIT Licensed