Lucky 4D

100%

✓ Published1🌍 Public

Last edited Apr 22, 2024

Created on Apr 22, 2024

Forked from Line Chart with Multiple Lines

This visualization displays daily surface air temperature data from 1940 to 2024, plotting day of year on the x-axis and temperature on the y-axis. Each year appears as a line, colored using the plasma sequential color scale via d3’s `scaleSequential` and `interpolatePlasma`, while the year 2024 is highlighted in red with a thicker stroke. The chart uses `d3.scaleLinear` for axes and `@curran/responsive-axes` for layout, with data prepared by Matthias Stahl and grouped by year using `flatGroup`.

AI-generated description

A visualization of Daily Surface Air Temperature, colored by year, with 2024 highlighted in red. Made in collaboration with EJ Fox, leveraging data prepared by Matthias Stahl.

MIT Licensed

Similar vizzes

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

80% match

Loading thumbnail…

daily surface Temps

This visualization shows daily surface air temperatures across multiple years, with each year rendered as a colored line and the current year (2024) highlighted in red with greater opacity and stroke width. The chart uses a time-scaled x-axis for day of year and a linear y-axis for temperature, with a sequential turbo color scale encoding the year value. Built with D3, the code employs `scaleTime`, `scaleLinear`, `scaleSequential`, `flatGroup`, `line`, and `extent` to generate the multi-line plot from the daily surface air temperature dataset. A responsive axis library handles the axes and resizing behavior.

DDonald Bagwell

80% match

Loading thumbnail…

Fork of Line Chart with Multiple Lines

This visualization displays daily surface air temperature data as a line chart, with each year represented by a separate line colored according to a plasma color scale, and 2024 highlighted in red. The graphic uses d3.scaleLinear for X and Y axes, d3.flatGroup to organize data by year, and d3.line to generate paths. Axes are rendered using the @curran/responsive-axes library, and data is loaded from a CSV file via d3.csv with d3.autoType.

AAlly Howell

78% match

Loading thumbnail…

Fork of Line Chart

This fork of a line chart visualizes daily surface air temperature data from 1940 onward, colored by year using the d3 interpolatePlasma color scale. The chart plots each year as a separate line, with 2024 highlighted in thick red for emphasis, while a semi-transparent inner rectangle provides background contrast. The code uses d3’s scaleLinear, extent, line, and flatGroup to prepare and render the multiple series, alongside the responsive-axes library for labeled axes and the observeResize utility for container dimensions.

007versiasri@gmail.com

78% match

Loading thumbnail…

Fork of Line Chart with Multiple Lines

This example shows daily air surface temperatures from 1940 through 2024, with one line per year plotted against day of year. The current year (2024) is highlighted in red with a thicker stroke, while historical years fade into a plasma color scale. The code uses d3.scaleLinear, d3.scaleSequential, d3.flatGroup, and d3.line with a defined accessor. The @curran/responsive-axes library renders the axes, while @curran/daily-surface-air-temperature provides the dataset.

Ppeter.sime@gmail.com

77% match

Loading thumbnail…

Fork of Line Chart with Multiple Lines

This fork of the Daily Surface Air Temperature chart displays a line chart showing air temperature across days of the year, with one line per year from 1940 to 2024. The 2024 data is highlighted in red with a thicker stroke, while other years use a plasma color scale and partial opacity to reveal density. The visualization uses d3’s `scaleLinear`, `scaleSequential`, `line`, and `flatGroup` APIs, with responsive axes from `@curran/responsive-axes` and data from `@curran/daily-surface-air-temperature`.

AAnkit Kaushal

77% match

Loading thumbnail…

Fork of Line Chart with Multiple Lines

This fork of the line chart displays daily surface air temperature as a series of colored lines, one for each year, with 2024 highlighted in red for emphasis. The visualization uses data from the `@curran/daily-surface-air-temperature` package, mapping day of year and air temperature to positions. It employs `d3.scaleLinear`, `d3.scaleSequential`, and `d3.interpolatePlasma` to color each year's line, while `d3.line` generates the paths. The `@curran/responsive-axes` library draws the axes, and `d3.flatGroup` groups data by year.

HHuxulm

77% match

Loading thumbnail…

Fork of Line Chart with Multiple Lines

This example visualizes daily surface air temperature data, where each year is represented as a separate line plotted across the days of the year. The lines are colored using a plasma color scale based on the year, with 2024 highlighted in red and a thicker stroke for emphasis. Using D3's `scaleLinear`, `scaleSequential`, and `flatGroup` utilities, the code groups the dataset by year and draws multiple paths. The visualization relies on the `@curran/daily-surface-air-temperature` data package and incorporates responsive axes from the `@curran/responsive-axes` library.

Ssarveshcsc898@gmail.com

76% match