Rajeev Pal

@sidaaryan7·2 public vizzes

Fork of mapLinky

This line chart visualizes temperature changes over time for a week in San Francisco, using data from the Data Canvas Sense Your City Dataset. The React-based application employs D3 v5 scales and the `d3.line` function with a natural curve to draw the smooth temperature path across a time-based x-axis. Both axes are rendered as SVG elements with tick marks, while CSS styling applies a consistent teal color scheme. The visualization loads CSV data asynchronously via `d3.csv` and updates the chart once the data arrives.

Apr 14, 2021

Loading thumbnail…

mapLinky

This example visualizes temperature readings from the Data Canvas Sense Your City dataset as a time series line chart. The React app loads CSV data via `d3.csv` and renders an SVG with `scaleTime` and `scaleLinear` axes, using reusable `AxisBottom`, `AxisLeft`, and `Marks` components. A smooth curve is drawn with the `line` generator and `curveNatural` interpolation, styled with a teal stroke. The chart displays static day-scale tick labels from `timeFormat` and axis labels for temperature and time.

Apr 14, 2021