mrbiglari

@mrbiglari·3 public vizzes

Temperature in San Francisco Line Chart

This line chart displays one week of temperature in degrees Celsius for San Francisco, sourced from Data Canvas - Sense Your City. It uses D3 v5 with SVG rendering to plot a smooth curve via `d3.line` with `curveBasis`, scaled through `scaleTime` and `scaleLinear`. The visualization includes axes with gridlines and labels for time and temperature. The code also fetches daily COVID-19 testing data from the COVID Tracking API, though the rendered chart focuses on the temperature series.

Sep 1, 2020

Loading thumbnail…

Stylized Line Chart

This stylized line chart visualizes the cumulative positive COVID-19 cases in Oregon across August 2020, plotted over time. The chart uses a smooth, natural curve to connect data points, with the line and axis ticks styled in teal and gray. Built with React and D3 v5, it employs `scaleTime` and `scaleLinear` for the x and y scales, while the line path is generated using `d3.line()` with the `curveNatural` interpolation. The data is loaded from a local JSON file using `d3.json`.

Sep 1, 2020

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays one week of temperature variations in San Francisco, with time on the x-axis and degrees Celsius on the y-axis. The data originates from the Data Canvas - Sense Your City project and is loaded via a CSV file. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` and `scaleLinear` for axes, a `line` generator with `curveBasis` for the smoothed path, and `axisBottom`/`axisLeft` for ticks. Grid lines are created by negative tick sizes, and the maroon curve is styled via CSS classes.

Aug 31, 2020