Nicholas Stebbings

@nick-stebbings·2 public vizzes

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red, semi-transparent circle represents a car, with axes labeled accordingly. The visualization uses d3.scaleLinear for scaling, d3.axisBottom and d3.axisLeft for axes, and d3.csv to load data. SVG circles are appended via d3’s data join, with gridlines drawn by tick lines.

Oct 14, 2020

Loading thumbnail…

Smiley Face

A yellow circle with a black outline forms the face, featuring two solid black eyes and rectangular eyebrows. The eyebrows animate by moving downward and then returning to their original position over a sequence of transitions. The mouth is drawn using the D3 `arc` function to create a curved path. The visualization is built with React and D3 v4, rendering all shapes as SVG elements within a centered group, with animated transitions applied via `transition().duration()`.

Jul 21, 2020