AustinMadangwa

@AustinMadangwa·2 public vizzes

Temperature in San Francisco Line Chart MILES

This line chart displays one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City, with time on the x-axis and degrees Celsius on the y-axis. The visualization uses D3 v5 to create scales with `scaleTime` and `scaleLinear`, render axes via `axisLeft` and `axisBottom`, and draw a smoothed line using `line` with `curveBasis`. The SVG output includes a maroon path and gridlines, styled through CSS classes.

Apr 2, 2020

Loading thumbnail…

D3 Face Making

A smiling face made of SVG shapes animates on a yellow circular background. The code uses D3 v5 selections and transitions to move the eyes and eyebrows up and down repeatedly, while the mouth is drawn with a D3 arc path generator. The example demonstrates how to build and animate a simple character using `select`, `arc`, and chained `transition().duration()` calls in SVG.

Mar 18, 2020