Skip to main content
SimilarExport ZIP
100%

Stylized Line Chart - working with time

✓ Published1🌍 Public
Ee-ines
Last edited Apr 13, 2021
Created on Apr 13, 2021
Forked from Iris Scatter Plot

This stylized line chart visualizes temperature readings over time from the Sense Your City dataset. Built with React and D3 v6, it uses `scaleTime` for the x-axis and `scaleLinear` for the y-axis, rendering an SVG path with natural curve smoothing via `curveNatural`. The minimal design includes custom axes from `AxisBottom` and `AxisLeft`, Poppins typography, and a muted color palette, with x-axis labels formatted as abbreviated weekday names using `timeFormat`.

AI-generated description

A Line Chart Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Stylized Line Chart

This interactive line chart visualizes temperature readings over time, drawn as a smooth, natural curve against labeled time and temperature axes. The visualization uses the Data Canvas Sense Your City sensor dataset, rendered with React and D3 v5 SVG elements, including `scaleTime`, `scaleLinear`, `line`, and `curveNatural`. Styled with the Poppins font, the chart displays teal axes, tick marks, and a four-pixel-wide stroke, with axis labels rotated for readability.

Bblkhar
93% match
Loading thumbnail…

Stylized Line Chart

This stylized line chart visualizes temperature readings over time from the Data Canvas Sense Your City dataset. A smooth, natural curve traced through the data points emphasizes the overall trend. Built with React and rendered as SVG, the chart uses D3 v5 functions like `scaleTime`, `scaleLinear`, and `curveNatural` to construct the path. Custom axis components generate a clean, minimal design with styled tick marks, and the Poppins font contributes to the polished aesthetic.

Ssarahdays
93% match
Loading thumbnail…

Stylized Line Chart

This stylized line chart displays temperature readings over time using data from the Data Canvas Sense Your City dataset. The visualization is built with React and D3 v5, rendering through SVG. The chart employs a smooth curved line via `d3.line()` with `curveNatural`, set to render in teal with a thick stroke. Time-scaled axes are positioned using `scaleTime` and `scaleLinear`, while tick marks and labels are generated through custom React components. The visualization uses Poppins typography and muted color accents for a modern aesthetic, with the temperature y-axis labeled against a time x-axis.

Mmoinamazon123
92% match
Loading thumbnail…

Stylized Line Chart

This chart displays temperature readings over time from the Data Canvas Sense Your City dataset, showing weekly variations in a smooth, stylized line. Built with React and D3 v5, it uses `scaleTime` and `scaleLinear` to map data to SVG coordinates, with `line()` and `curveNatural` for a curved path. The chart features labeled axes, a Poppins font, and teal color accents, rendering as pure SVG without interactive elements.

RRaincal
92% match
Loading thumbnail…

Stylized Line Chart

This stylized line chart displays temperature readings over time from the Data Canvas Sense Your City dataset, plotting a smooth curve through daily measurements. The visualization uses React with D3 v5, employing `scaleTime` and `scaleLinear` for axes, `line().curve(curveNatural)` for the smooth path, and `csv` for data loading. The SVG rendering features a minimalist design with muted axis labels, thin grid lines, and a thick teal stroke, while the Poppins font adds a polished, modern aesthetic.

Mmoinamazon123
92% match
Loading thumbnail…

Stylized Line Chart

This stylized line chart visualizes temperature readings over time from the Data Canvas Sense Your City dataset, rendered as a smooth, natural curve in a teal stroke. The chart employs React components to structure the visualization, with D3 v5 functions such as `scaleTime`, `scaleLinear`, `line`, and `curveNatural` for coordinate mapping and path generation. Axes are drawn using custom SVG tick components, while Poppins typography and muted gray color styling give the presentation a refined aesthetic.

NNathion
92% match
Loading thumbnail…

Stylized Line Chart

This stylized line chart displays temperature trends over time using data from the Data Canvas Sense Your City dataset. The visualization emphasizes the smooth curve of temperature changes, drawing the eye along the natural progression without individual data points. Built with React and D3.v5, the chart renders as an SVG, leveraging D3's `scaleTime` and `scaleLinear` for axes, and `line` with `curveNatural` for the smoothed path. The color palette and Poppins font contribute to its clean, modern aesthetic, while the minimal axis styling and labels for "Time" and "Temperature" guide comprehension.

Wwblockchain
92% match
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.

BBhawna Agarwal
92% match