Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Bar Chart

Public visualization

Viewing a saved revision (read-only)

4fec36a27ba04107a3a0b91a51950720

Making a Bar Chart

0 stars0🌍 Public
Nnshedd
Last edited Feb 8, 2021
Created on Feb 8, 2021

A scatter plot displays the relationship between vehicle weight and fuel efficiency (MPG) for cars from the 1970s, with each circle’s size proportional to weight. Using d3.csv to load the data, d3.scaleLinear maps the x- and y-domains, while d3.axisBottom and d3.axisLeft render gridlines and ticks. The SVG circles are appended via data joins, and margins define the plotting area.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.