Skip to main content
SimilarExport ZIP
100%

Farmington Temperature Range

✓ Published0🌍 Public
Ggoodej
Last edited Sep 21, 2020
Created on Sep 19, 2020

This chart shows the average observed temperature as a line and the range between average minimum and maximum temperatures as a shaded area for Farmington, Michigan, using monthly NOAA data. The visualization uses D3.js version 6 with `scaleTime`, `scaleLinear`, `line`, and `area` generators, all rendered as SVG. Curves are smoothed with `curveBasis`, and the chart includes axes with gridlines, labeled axes, and a title. Circles mark each average temperature point, while the teal area and line encode the temperature range.

AI-generated description

The line & areas in this chart show the average observed temperature & average Min & Max range (in deg Farenheight), respectively, in Farmington Michigan. The data is sourced from NOAA.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Monthly Average Temperature Anomalies

This radial plot shows monthly average temperature anomalies for Massachusetts in 1895 and 1896, with each month positioned around a circle and the anomaly value plotted as the distance from the center. A dropdown menu lets the viewer switch between the two years. The visualization uses d3.scaleBand and d3.lineRadial to position and draw the data, with d3.scaleOrdinal for coloring and d3.axisLeft for the circular grid lines. Temperature data comes from a local CSV file.

Kkratikashetty1102@gmail.com
57% match
Loading thumbnail…

Monthly Average Temperature Anomalies

A radial time-series chart displays monthly average temperature anomalies for Massachusetts across selectable years. Each month is positioned around a circular axis, with the anomaly value plotted as the radial distance from the center, forming a closed loop. A dropdown menu allows switching between years. The visualization uses D3 v7 APIs including `scaleTime`, `scaleLinear`, `lineRadial`, and `scaleOrdinal`, rendering to SVG. The data is sourced from a CSV file containing monthly temperature records for 1895 and 1896.

Kkratikashetty1102@gmail.com
55% match
Loading thumbnail…

Basic Area Chart

This basic area chart visualizes daily maximum temperatures across the first 14 days of a month, with the x-axis mapping the day and the y-axis mapping temperature in degrees Celsius. The area is filled in maroon beneath a curved line generated using d3.area with a basis curve, while d3.scaleLinear and d3.axisLeft and axisBottom construct the axes. Data is loaded from a CSV file, and the SVG rendering includes axis labels and a title, with tick lines extended across the chart for readability.

FFhouston17
54% match
Loading thumbnail…

Monthly Average Temperature Anomalies - Update 3

A radial line chart displays monthly average temperature anomalies for Massachusetts in 1895 and 1896, with a dropdown menu to switch between years. Each month appears as a point on a circular axis, and hovering reveals the exact temperature and month. The visualization uses D3 v7’s `scaleTime`, `scaleLinear`, `lineRadial`, and `pointRadial` to position data radially, with tooltips and a menu built from custom D3 modules. Data comes from a CSV file containing monthly temperature values and anomalies for the state.

Kkratikashetty1102@gmail.com
54% match
Loading thumbnail…

Fork of Temperature in San Francisco Area Chart

This area chart visualizes one week of temperature data in San Francisco, with a smooth curve showing temperature fluctuations over time. The visualization uses a maroon filled area beneath the line to emphasize the temperature range. Built with D3 v5, the code employs `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the SVG path, while `axisBottom` and `axisLeft` render the labeled axes. The data originates from the Data Canvas - Sense Your City project, parsed from a CSV file containing timestamps and temperature readings.

AAmier Faudzi
54% match
Loading thumbnail…

Area Chart - ICE_7

This area chart visualizes Chicago’s average daily temperatures for March, using a smooth curved line and a semi-transparent green filled region beneath it to emphasize temperature trends over the month. The chart is built with D3 v5, employing `scaleTime` for the date axis, `scaleLinear` for the temperature axis, and both `line` and `area` generators with `curveBasis` for the curved path. The x-axis uses a custom month format, while the y-axis applies a compact number formatter, with grid lines and labeled axes styled via CSS. Data is loaded from a CSV file containing day–temperature pairs.

Ggaddamthanmayeereddy759@gmail.com
53% match
Loading thumbnail…

Temp Line Chart (Min & Max Points)

This chart displays temperature fluctuations over time for San Francisco using hourly data from a CSV file. A smooth curve, generated with d3.line and curveNatural, connects daily temperature points, while red and blue highlighted circles mark the maximum and minimum values with callout labels. The visualization is built with React and D3 v7, using SVG rendering with dynamic scales (scaleTime and scaleLinear). Data is loaded via d3.csv, and the implementation includes custom axis components and temperature annotations formatted with the d3.format function.

RRichardPearce60
53% 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
53% match