Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot

Public visualization

Viewing a saved revision (read-only)

d9dfdf30161c446499a569882919c5bd

Scatter Plot

0 stars3🌍 Public
Eexchoco
Last edited Sep 26, 2022
Created on Sep 25, 2022

This example shows a scatter plot of car horsepower versus weight, with each circle representing a vehicle and axes labeled accordingly. The visualization uses D3 v5’s `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs within an SVG container, loading data from a CSV via `d3.csv`. Circles are rendered with purple fill and opacity, while grid lines from tick marks and styled axis labels enhance readability. The code dynamically maps data domains to pixel ranges and applies margins for layout.

AI-generated description

This is a barchart tutorial from the Data Visualization with D3.js - Full Tutorial Course