Skip to main content
SimilarExport ZIP
100%

Daily Temperature in Germany

✓ Published3🌍 Public
DDaniel Z
Last edited Mar 13, 2026
Created on Mar 8, 2026
Forked from HTML Starter

This line chart shows daily average temperatures in Germany from 2020 to 2024, with dates on the x-axis and temperature in degrees Celsius on the y-axis. The code filters the CSV data for Germany, parses dates with `d3.timeParse`, and uses `d3.scaleTime` and `d3.scaleLinear` to map the data. A red path is drawn using `d3.line`, with axes and labels added via `d3.axisBottom` and `d3.axisLeft`. The chart renders as an SVG in the browser.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

A Line-Chart with D3.js

The visualization displays yearly average rainfall and temperature in Germany from 1991 to 2015 as a dual-line chart, with red lines for temperature and blue lines for precipitation. It uses D3.js v5.7.0 with SVG rendering, leveraging `d3.nest()` to group raw CSV data by year and `d3.mean()` to compute annual averages. The chart implements linear scales, axis generators (`d3.axisBottom`, `d3.axisLeft`, `d3.axisRight`), and line generators to plot the two time series, with labeled axes for clarity.

Bbirat-banstola
81% match
Loading thumbnail…

line chart

This example shows daily minimum temperatures in Berlin for February, with orange and blue background areas highlighting warm and freezing periods around a marked freezing point. The line chart uses D3 v5’s `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `line` generator to map date and temperature data from a CSV file. SVG circles mark each data point, while axes include tick grids and rotated labels, rendered with a beige background via D3 selections.

JJames Malvern
76% 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
72% match
Loading thumbnail…

D3 line chart: Daily temperature in Belgium for 2021

A D3 line chart displays daily average air temperature in Belgium for 2021 as a single smooth curve, with a time-scaled x-axis and linear temperature y-axis. Built with React, the visualization uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` with `curveNatural` to render an SVG path. Data comes from a local CSV file, loaded via `d3.csv`. Axes are custom React components, and the chart includes labeled axes and tick marks.

Rrvdv
72% match
Loading thumbnail…

D3 line chart: Daily temperature in Belgium for 2021

This visualization displays daily average air temperatures in Belgium throughout 2021, using a red line chart with a natural curve to connect 365 data points. The React-based application loads CSV data from a GitHub gist and renders the chart as SVG using D3 v7 scales (scaleTime, scaleLinear), axes, and the d3.line generator with curveNatural interpolation. The y-axis labels temperature in Celsius, while the x-axis shows time in month-year format, providing a clear overview of seasonal temperature variations across the year.

TTammminana
71% match
Loading thumbnail…

D3 grouped line chart: Daily temperature in Belgium between 2017 and 2021

This example visualizes daily average air temperatures in Belgium from 2017 to 2021, with each year represented as a separate line. The data is loaded from a CSV file using d3.csv, then grouped by year with d3.nest. The chart uses React for rendering SVG elements, with scales from d3.scaleTime and d3.scaleLinear mapping dates and temperatures. Lines are drawn using d3.line with a curveBasis interpolation, and colors are assigned via d3.scaleOrdinal with schemeCategory10. A color legend is generated using a custom d3 selection-based function.

Rrvdv
71% match
Loading thumbnail…

Fork of Daily temperature in Belgium between 2017 and 2021

A line chart displays daily average air temperature in Belgium from 2017 to 2021, with time on the x-axis and degrees Celsius on the y-axis. The SVG visualization uses React components with d3.scaleTime, d3.scaleLinear, and d3.line with curveNatural to render a smooth path. Axes are drawn via custom React components using d3 ticks, while data loads from a CSV through d3.csv and is sorted chronologically. The chart includes labeled axes and a minimal styling with Lato font.

GGeoffery Miller
71% match
Loading thumbnail…

Temperatures in multiple cities

This line chart displays daily average temperatures in degrees Celsius for multiple cities over the first five months of 2020, with each city represented by a colored line. The chart uses a categorical color scale to distinguish cities and includes a legend. The data is loaded from a CSV file and rendered as an SVG using D3 v5. The code employs `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` and `curveBasis` for line paths, and `d3.nest` to group data by city.

Aanouckstbr@gmail.com
71% match