Line Chart

100%

✓ Published0🌍 Public

Last edited Feb 26, 2023

Created on Feb 26, 2023

This line chart visualizes January temperatures in the United States from 1895 to 2023, using data from NOAA’s Climate at a Glance dataset. It plots temperature in degrees Fahrenheit against time, revealing long-term trends and yearly fluctuations. The visualization is built with D3 v7, using `scaleTime` and `scaleLinear` for axes, `line` to generate the path, and `scaleLinear` for the y-axis, with data loaded via `csvParse`.

AI-generated description

A line chart of the Climate Dataset. It gives climate at glance in US for the month of January from year 1895 to 2023.

MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart

A line chart displays US temperature readings over time, with the x-axis representing time and the y-axis representing temperature. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `curveBasis` to render the SVG path. The line is styled with a blue stroke, and the chart includes labeled axes and a title. The data is loaded from a CSV file via the `csv` function from D3.

AAmruthaVee

84% match

Loading thumbnail…

Line Chart Global Temperature

This line chart visualizes global average temperature trends over time, plotting temperature values against yearly dates. The visualization uses D3.js v7 with an SVG rendering approach, employing `d3.scaleTime` and `d3.scaleLinear` for axes and a `d3.line` generator to create the orange trend line. Data is loaded remotely from a GitHub-hosted CSV file containing cleaned temperature records, with the code handling missing or empty data through error messages. The chart includes labeled axes, a legend, and a clean white background with subtle shadow styling.

Sshabanasyed2266@gmail.com

79% match

Loading thumbnail…

Line chart

This line chart visualizes daily mean temperature changes over time, with the x-axis representing days and the y-axis showing mean temperature in degrees. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs to render an SVG path with red strokes. Data is loaded from a CSV file via `d3.csv`, and dates are parsed with `d3.timeParse`. Grid lines are drawn using tick sizes, and axis labels are added manually within the SVG.

KKishen Patel

78% match

Loading thumbnail…

Line Chart

This line chart visualizes temperature data over time, using a smooth basis curve to connect data points. The chart is rendered as SVG in a D3.js v5 application, with axes created using `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom`. The line is drawn with the `line` generator and `curveBasis` for a smooth path. The data is loaded from a CSV file hosted on VizHub, and the plot includes labeled time and temperature axes with a title.

Yylzami40

77% match

Loading thumbnail…

Area Chart

This area chart displays temperature variations in the US over time, with time on the x-axis and temperature on the y-axis. The visualization uses D3 v5’s `d3.area` generator with a basis curve to create the filled path, while `d3.scaleTime` and `d3.scaleLinear` map the data. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, and the chart is drawn as an SVG. The data is loaded as CSV from a GitHub gist.

AAmruthaVee

77% match

Loading thumbnail…

ICE_7_Line_Chart

This visualization shows the average monthly temperature trend as a smooth line chart, with blue strokes highlighting temperature changes over time. The code loads weather data from a CSV file via the GitHub Gist URL, parses date and temperature fields, and aggregates daily readings into monthly averages using d3.rollups. The line is rendered with d3.line and d3.curveMonotoneX, with time and linear scales for axes. The chart includes labeled x- and y-axes, using d3.axisBottom and d3.axisLeft, and is built with D3 v7 within an SVG viewBox.

Jjgaur96@gmail.com

77% match

Loading thumbnail…

Line Chart with Multiple Lines

This line chart visualizes daily surface air temperature data, colored by year, with the year 2024 highlighted in red. Each line represents a year’s temperature variation over the day of the year, using a plasma color scale for other years. The visualization relies on `d3.scaleLinear`, `d3.extent`, and `d3.flatGroup` from the D3 library to group data and map values. Axes and labels are generated via `@curran/responsive-axes`, while the chart updates responsively using `observeResize`.

CCurran Kelleher

76% match

Loading thumbnail…

Temperature over time

This chart shows daily global surface temperatures from 1940 to 2024, with one line per year plotted against the day of the year. The most recent two years stand out in bright colors—2024 in blue and 2023 in pink—while earlier years appear as faint white lines, revealing long-term warming trends. The visualization uses the Svelte framework and the d3 library’s `line`, `scaleLinear`, and `curveCatmullRom` APIs to render SVG paths. Data comes from Climate Reanalyzer, with opacity scaled by year to emphasize the latest records.

CCamie DeCovich

76% match