🌍 Public
Viewing a saved revision (read-only)
d9dfdf30161c446499a569882919c5bd
Scatter Plot
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 descriptionThis is a barchart tutorial from the Data Visualization with D3.js - Full Tutorial Course