100%

Sthlm temperatures May 2018

✓ Published0🌍 Public

Last edited Jul 26, 2018

Created on Jul 25, 2018

A combined bar-and-line chart displays Stockholm’s daily maximum temperatures for May 2018, with bars for observed highs and a line for historical maximums per day, highlighting the unusually warm month. The data is loaded from a CSV via `d3.csv` and rendered as an SVG using D3 v4. Scales include `d3.scaleBand` for days and `d3.scaleLinear` for temperature, while the line is drawn with `d3.line`; axes are generated by `d3.axisBottom` and `d3.axisLeft`. A legend and hover effect on bars are included, with raw values from AccuWeather and Dark Sky.

AI-generated description

Sthlm temperatures May 2018

Link

bl.ocks.org/2ffc14f279f76f2f6688447dd6cbae68

Content

You might neither know nor care, but May 2018 was the warmest May ever recorded in Sweden (where I live). I looked up the temperatures for each day of May 2018 on this website

Note: One data point seemed really high (40C) so I used the temperature from Dark Sky instead.

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/Eleonore9/'>Eleonore9</a>'s block: <a href='http://bl.ocks.org/Eleonore9/dd8810a3fb4657e423f148cd71ea7e19'>Sthlm temperatures May 2018</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Sthlm temperatures May 2018

A bar chart displays the maximum daily temperatures in Stockholm for each day of May 2018, using blue bars with hover highlighting. The data comes from AccuWeather, with one outlier corrected using Dark Sky. Built with D3 v4, the visualization reads a CSV file via `d3.csv`, scales the x-axis with `d3.scaleBand` and the y-axis with `d3.scaleLinear`, and renders SVG rectangles for each bar. Axis labels and ticks are generated with `d3.axisBottom` and `d3.axisLeft`.

EEleonore9

95% match

Loading thumbnail…

Diverging Bar Chart of Temperatures

This diverging bar chart displays average December 2016 temperatures for various station cities, with each horizontal bar extending left or right from a central zero axis to show below- or above-freezing values. The bars are colored using a sequential red-blue interpolator (`d3.scaleSequential` with `d3.interpolateRdBu`), ranging from blue for cold to red for warm temperatures. The visualization loads weather data via `d3.csv` and renders as SVG, using `d3.scaleBand` for the city axis, `d3.axisBottom`, `d3.axisLeft`, and `d3.axisRight` for ticks, and the external `d3.legend` library’s `d3.legendColor` for a color scale legend. Hovering over a bar turns it red.

AAllen Ho

71% 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

71% match

Loading thumbnail…

Stockport Temperature Line Chart, using D3.js

This line chart visualizes hourly temperature readings in Stockport over several days in February and March 2020, showing the fluctuating warmth and cold. The chart is rendered as an SVG element using D3.js, with data loaded from a CSV file. The visualization uses `scaleLinear` and `axisBottom`/`axisLeft` for axes, and plots the temperature values as points connected by a line, with a green border styling the SVG.

AAdamFrankWhite

70% match

Loading thumbnail…

summer-heat

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.

11wheel

70% match

Loading thumbnail…

Svelte + D3: Line (II)

The chart displays daily Atlantic sea surface temperatures from 1982 to 2024, with each year drawn as its own line. Recent years are highlighted—2024 in blue and 2023 in pink—while older years appear as faint white strokes, emphasizing the temperature trajectory over time. Built with Svelte, it uses D3's `csv` and `autoType` to load data, `scaleLinear`, `extent`, and `line` with `curveCatmullRom` for the paths, and `groups` to structure lines by year. The SVG renders against a dark gradient background, with an overlay legend identifying the color coding.

MMatthias Stahl

69% match

Loading thumbnail…

Svelte + D3: Line

This visualization displays daily surface temperatures since 1940, with one line per year rendered as an SVG path. The code uses Svelte’s reactivity and D3’s `csv`, `scaleLinear`, `extent`, `line`, `groups`, and `curveCatmullRom` to map day-of-year and temperature values. Recent years (2023–2024) are highlighted with distinct colors and increased opacity, while older years fade into the background. Data comes from Climate Reanalyzer’s world daily temperature record, with a dark gradient backdrop and legend overlay.

MMatthias Stahl

69% match

Loading thumbnail…

City Temperatures - Line Chart

This line chart visualizes weekly temperature fluctuations for a city, using a smooth natural curve to connect data points across time. The SVG rendering, built with React and D3 v5, employs `scaleTime` and `scaleLinear` to map timestamps and temperature values, with individual temperature readings highlighted as orange circles. The chart includes labeled axes for time and temperature, and the data is loaded from a CSV file using D3’s `csv` parser. D3’s `line` generator with `curveNatural` creates the fluid path, while custom `AxisBottom` and `AxisLeft` components render the tick marks and labels.

Jjulesgentry

69% match