This line plot shows how temperature varies over time in San Francisco, with data loaded from a CSV file and rendered as an SVG. The visualization uses React components to structure the chart, while D3 v7’s `scaleLinear`, `scaleTime`, and `line` with `curveNatural` generate the axes and smooth path. Temperature is plotted on the y-axis and timestamp on the x-axis, with circles marking each data point and native SVG `<title>` elements providing tooltips. Axis labels and ticks are created manually via reusable React components, and the styling uses Poppins font and a teal color scheme.