Bhawna Agarwal

@bhawna2109·2 public vizzes

Untitled

This visualization displays the temperature of San Francisco over a week, using data from the Data Canvas Sense Your City dataset. A smooth, natural curve connects the data points, showing temperature trends over time on a scatter plot-like chart. Built with React and rendered as an SVG, the code uses d3’s `scaleTime`, `scaleLinear`, `extent`, `timeFormat`, and `line` with `curveNatural` to map timestamps and temperatures. Axes are generated via `AxisBottom` and `AxisLeft`, with a labeled time axis on the x-axis and temperature on the y-axis.

Apr 13, 2020

Loading thumbnail…

Stylized Line Chart

This stylized line chart visualizes temperature over time from the Data Canvas Sense Your City Dataset. The visualization uses a smooth, natural curve to connect data points, with a distinct teal stroke and minimal axis styling. Built with React and D3 v5, the chart employs `scaleTime` for the x-axis and `scaleLinear` for the y-axis. The rendering leverages SVG elements created through reusable components like `AxisBottom`, `AxisLeft`, and `Marks`, which uses d3's `line` and `curveNatural` functions to generate the smooth path.

Apr 13, 2020