Skip to main content
SimilarExport ZIP
100%

summer-heat

✓ Published0🌍 Public
11wheel
Last edited Aug 13, 2018
Created on Aug 13, 2018

The chart displays monthly average temperatures from 1881 to 2017, with each month’s data points laid out vertically and color-coded by year. It uses `d3.nestBy` to group data by month and `d3.line` to draw rolling average paths, while `ss.linearRegression` adds trend lines for each month. Circles representing individual years are rendered with SVG, and hovering highlights all data for that year via `d3.attachTooltip`. The visualization reveals warming trends across most months, with the steepest increases in winter and spring.

AI-generated description

https://blog.datawrapper.de/weekly39/

Similar vizzes

Loading thumbnail…

heat-histogram

This animated heat-histogram shows how summer temperature distributions have shifted over time, cycling through the years 1951, 1983, 1994, and 2005. A single SVG path, drawn with `d3.area` and `d3.curveBasis`, is used as a mask over five colored rectangles to create a multi-color histogram. Each year’s distribution is loaded from a TSV file, and `d3.interval` triggers transitions that update the path’s `d` attribute and animate the displayed year text.

11wheel
81% 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
78% match
Loading thumbnail…

third

This visualization shows the average monthly temperature from January 2021 through December 2024, with the x-axis displaying month-year labels and the y-axis measuring temperature in degrees Celsius. A blue line connects the data points, while orange circles mark each measurement and provide hover tooltips with the exact value. The chart uses D3 v7’s `d3.csv`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to parse the external CSV file and render the SVG line chart. The dataset reveals a consistent seasonal pattern across all four years, with warmer temperatures peaking in June and July.

Mmsahithipatel@gmail.com
77% match
Loading thumbnail…

activity7.2

This visualization displays yearly average temperatures as a filled area chart, with a steel-blue region rising and falling across the time series. The SVG rendering uses d3.area() to generate the path, scaling the x-axis by year and the y-axis by temperature values. Data loads from a remote CSV via d3.csv, with axes labeled “Year” and “Avg Temperature (°C)”. The chart applies d3.scaleLinear for both dimensions and formats tick labels with d3.format for integer years, highlighting overall temperature trends over time.

GGanesh Gundekarla
77% match
Loading thumbnail…

Bar chart

This bar chart displays monthly average temperatures, with each month on the vertical axis and temperature values extending horizontally. The chart uses an SVG canvas with pink bars, rendered using D3 version 5. The code employs `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisLeft`/`axisBottom` for ticks, reading data from a CSV file. Months appear in order from January through December, showing a peak in May.

RRichard Wong
76% match
Loading thumbnail…

area chart

This area chart displays monthly average temperatures, with a red dot marking each month's value and a steelblue filled region beneath the line. It loads CSV data from a GitHub gist, using a band scale for the month axis and a linear scale for temperature. The chart is rendered as SVG with D3 v7, including axes, labels, and an interactive tooltip that appears on mouseover events.

HHarshithakodakandla@my.unt.edu
76% match
Loading thumbnail…

Gist ddc6d50c313ebe6edb45519f43358c6c

The visualization displays monthly and seasonal global temperature anomalies from 1880 onward, using data from the `temperatures.csv` file. It builds a compact heatmap-style or sparkline-based grid, with each row representing a year and each cell showing the temperature deviation. The implementation uses D3.js to parse the CSV data and render the graphic, leveraging SVG or canvas primitives to represent the numeric values across the various time columns. The code processes the tabular data directly, mapping the values to visual elements through D3’s data-binding and layout functions.

Mmbostock
76% match
Loading thumbnail…

2

A monthly temperature area chart compares values across months using an SVG rendering with D3 v7. The visualization reads CSV data via `d3.csv` and maps months to a band scale with `d3.scaleBand`, while temperatures are scaled linearly. An area generator (`d3.area`) fills the region beneath the temperature curve in steel blue, and red circles mark each data point. Hovering over a circle triggers a mouseover event that displays a tooltip showing the month and exact temperature in degrees Celsius.

Ssindhuja27b@gmail.com
76% match