Skip to main content
Log in
A

Antti Siika

@anttisiika·2 public vizzes

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays temperature readings over a week in San Francisco, emphasizing the daily fluctuations with a smooth, curved trend line. The visualization uses D3 v6 to load CSV data and render SVG elements, with `d3.scaleTime` and `d3.scaleLinear` mapping the timestamp and temperature values. Axis labels and gridlines are generated via `d3.axisBottom` and `d3.axisLeft`, while the line itself is drawn using the `d3.line` generator with a `curveBasis` interpolation. The chart includes a title and clear axis annotations to contextualize the data.

Oct 29, 2020
Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart shows temperature readings in San Francisco over a week, with time on the x-axis and temperature on the y-axis. The visualization uses d3’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` to render a smooth maroon path. Data is loaded from an external CSV file via `d3.csv`, and the SVG output includes labeled axes and a title. The chart also employs `extent` for domain calculation and `nice()` for cleaner axis intervals.

Oct 29, 2020