Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Reusable D3 Scatter Plot

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

44bed489092047bf82e02e80e4e27506

Open

Fork of Reusable D3 Scatter Plot

0 stars1🌍 Public
Pprince.sahith100@gmail.com
Last edited Mar 26, 2025
Created on Mar 26, 2025

This example visualizes the Iris dataset with a D3.js scatter plot, mapping petal length on the x-axis against sepal length on the y-axis. Each species—setosa, versicolor, and virginica—appears in a distinct color via a d3.scaleOrdinal color scale. The code loads CSV data with d3.csv, scales the axes using d3.scaleLinear, and renders circles in an SVG container with d3.axisBottom and d3.axisLeft for labeled axes.

AI-generated description

// README.md

D3 Iris Scatter Plot

Setup and Run

  1. Install dependencies:
    npm install
  2. Start the server:
    npm start
  3. Open http://localhost:3000 in a browser.

Description

This project visualizes the Iris dataset using a D3 scatter plot. The plot colors each species differently:

  • Setosa: Light blue
  • Versicolor: Light green
  • Virginica: Orange