Skip to main content
SimilarExport ZIP
100%

Global temparature Scatter Plot

✓ Published0🌍 Public
AArvind Lairenjam
Last edited Apr 5, 2019
Created on Apr 4, 2019
Forked from Cars 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.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot Temp Change

This scatter plot visualizes global temperature changes from 1880 to 2016, with each green circle representing the annual mean temperature deviation recorded by either the GCAG or GISTEMP source. The visualization uses d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for tick marks, and d3.csv to load the dataset. SVG circles are positioned using the x and y scales, with a title and axis labels rendered as text elements.

Mmandadi1999
90% 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
79% match
Loading thumbnail…

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

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.

JJustinGOSSES
78% 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
77% 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
75% match
Loading thumbnail…

Cars Scatter Plot

This visualization displays global surface temperature changes since the 1700s using a heatmap of monthly temperature variances. Each cell represents a year and month, colored on a gradient from mint to dark red based on temperature deviation from a baseline. The code loads data from a JSON file via `d3.json`, renders SVG rectangles with scales created using `d3.scale.linear`, and includes interactive tooltips. The visualization also incorporates D3 axes, a time scale for month labels, and computed color thresholds for temperature ranges.

Vvaynexie
74% match
Loading thumbnail…

Monthly Global Land Surface Temperatures

This visualization displays monthly global land surface temperatures from 1753 to 2015, with each cell’s color representing variance from the 1951–1980 average. A hover tooltip reveals the exact month, year, and temperature anomaly. The SVG chart uses d3.scaleTime for the x-axis, d3.scaleQuantize for color mapping, and d3.json to load the FreeCodeCamp dataset. Animated transitions appear only in the tooltip’s opacity changes, while a gradient legend is built with d3.scaleLinear and linearGradient stops.

Vvaynexie
73% 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
72% match