https://data.giss.nasa.gov/gistemp/tabledata_v3/GLB.Ts+dSST.csv

100%

https://data.giss.nasa.gov/gistemp/tabledata_v3/GLB.Ts+dSST.csv

✓ Published0🌍 Public

Last edited Apr 13, 2018

Created on Apr 13, 2018

This visualization displays global temperature anomalies from 1881 to 1933, with each year as a row and months as columns, colored from blue (cooler) to red (warmer). It uses D3.js to parse the CSV data and render a heatmap grid, with scales mapping temperature values to a diverging color scheme. The dataset comes from NASA GISS, providing monthly and seasonal temperature deviations from a baseline. The code employs d3.csv to load the data and d3.scaleSequential for color encoding.

AI-generated description

Similar vizzes

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

85% match

Loading thumbnail…

GISTEMP Dataset

This visualization displays the first data point from the GISTEMP v4 climate dataset, which records monthly global temperature anomalies from 1880 onward. The example simply renders a JSON representation of the initial record, showing its date and anomaly value, inside an HTML preformatted text element with a large font size. The code imports the CSV data and converts the date to a Date object and the anomaly to a numeric value before displaying it, using JavaScript’s `JSON.stringify` and template literals for formatting.

CCurran Kelleher

80% match

Loading thumbnail…

Monthly Global Land-Surface Temperature

This visualization displays monthly global land-surface temperature anomalies from 1753 to 2015, using a base temperature of 8.66°C. A heatmap grid shows each month-year combination as a colored cell, with colors ranging from deep red (cold) to dark blue (warm). The D3.js code fetches JSON data from a FreeCodeCamp repository, scales the temperature values linearly, and renders an SVG with axes for years and months. d3.scaleTime, d3.scaleLinear, d3.axisBottom, and d3.axisLeft handle the scales and axes, while a separate legend shows the color scale.

Ssriramvsharma

79% match

Loading thumbnail…

Global temparature Scatter Plot

This scatter plot shows global temperature anomalies from 1880 to 2016, comparing yearly mean values from two sources: GCAG and GISTEMP. The visualization uses d3.csv to load the data and d3.scaleLinear with extent to map years and temperature values to SVG coordinates. Axes are generated with d3.axisBottom and d3.axisLeft, displaying grid lines, while red semi-transparent circles represent each data point. The plot reveals the overall upward trend in global temperatures across the decades.

AArvind Lairenjam

78% match

Loading thumbnail…

Fork of Heat Map: Monthly Global Land-Surface Temperature

This visualization displays monthly global land-surface temperature anomalies from 1753 to 2015, with each cell representing a month-year combination colored by temperature variance from a base of 8.66°C. The tooltip reveals exact temperature and variance values on hover. Built with D3 v5, it uses `scaleTime` for axes, `scaleOrdinal` for the color legend, and `d3-tip` for interactive tooltips. Data comes from the FreeCodeCamp global-temperature JSON, rendered as SVG rectangles with a custom color scale ranging from deep blue to dark red.

Sstanemurhula

78% match

Loading thumbnail…

Heat Map: Monthly Global Land-Surface Temperature

This heat map visualizes monthly global land-surface temperature anomalies from 1753 to 2015, with a base temperature of 8.66°C. Each cell represents a month and year, colored by temperature variance using a custom 14-color scale. The visualization is built with D3 v5, using `scaleTime` for axes, `scaleLinear` for color mapping, and SVG rectangles for rendering. Data is fetched from the FreeCodeCamp ProjectReferenceData JSON source, while the legend and axis labels are generated with `axisBottom` and `axisLeft`. The code includes commented-out tooltip logic, but no interactive tooltips are active in the final render.

Ssriramvsharma

77% match

Loading thumbnail…

Fork of Earth Surface Temperature HeatMap

This fork of the Earth Surface Temperature HeatMap visualizes monthly global temperature anomalies from 1753 to 2015, using a base temperature offset to display absolute values in Celsius. The SVG rendering employs D3 v5's `scaleTime`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs to position cells by year and month, while a custom color legend maps temperature ranges to a blue-to-red palette. Interactive tooltips, powered by the d3-tip library, reveal exact temperature and variance data on hover, with data fetched from a GitHub-hosted JSON file.

DDonald Bagwell

77% match

Loading thumbnail…

Global Temperature

This visualization shows the change in global, Northern Hemisphere, and Southern Hemisphere temperatures from 1880 to 2014, with each time series as a separate line. A color legend identifies the three regions. Built with D3 v5, it loads CSV data and uses `d3.scaleTime` and `d3.scaleLinear` for axes, while `d3.line` with `curveBasis` generates the paths. The chart renders as SVG, with axes and line styling defined in CSS.

Gglitched-potato

76% match