Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-7 REUSABLE SCATTER Rithvik Reddy Krishnaraj Rajmohan

Public visualization

ICE-7 REUSABLE SCATTER Rithvik Reddy Krishnaraj Rajmohan

0 stars1🌍 Public
RRithvik
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from React Starter

This example shows a reusable scatter plot built with D3 v7, mapping the `age` column to the x-axis and the `rating` column to the y-axis for a small CSV dataset of 12 individuals. The chart displays points as blue circles with opacity, along with labeled axes and a title. The code implements a `scatterChart()` factory function that uses D3's `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` APIs to construct the visualization. It leverages the `.join` pattern to create SVG elements and the `d3.csv` method with `autoType` to load and parse the data from `rithvik_ice5_data.csv`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed