Global Temperature

100%

Global Temperature

✓ Published0🌍 Public

Last edited Mar 4, 2021

Created on Mar 1, 2021

Forked from Line Chart with Multiple Lines

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Global Climate Temperature Trends

This interactive visualization displays global temperature anomalies from 1880 to 2020, with data relative to the 20th-century average. Users can toggle between line and area chart views, adjust line smoothing with d3.curveLinear, curveMonotoneX, or curveBasis, and filter by decade through a button panel. Hover tooltips reveal year-specific values, while a statistics sidebar calculates trends, volatility, and range using linear regression. The visualization uses D3.js v7 scales and axes within a React framework, with data loaded from a CSV file.

NNita

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

79% match

Loading thumbnail…

Global vs Local Temperature Multi-series line chart

This interactive visualization displays yearly average temperature trends for individual countries from 1750 to 2013, using a multi-series line chart with a dropdown menu to switch between countries. The D3.js v7 code loads CSV data, aggregates monthly records into yearly averages, and renders an SVG line chart with axes, dots, and hover tooltips. It uses d3.csv, d3.rollups, d3.scaleLinear, d3.line with curveMonotoneX, and d3.schemeTableau10 to color the selected country’s line.

Sshabanasyed2266@gmail.com

78% match

Loading thumbnail…

Assignment 6

This multi-series line chart visualizes yearly average global temperatures from 1948 to 2023, comparing maximum, mean, and minimum temperature trends using three colored lines (red, blue, and green). The visualization aggregates daily temperature records from a CSV file by year using d3.rollup, then renders the aggregated data as an SVG with d3.line and curveMonotoneX. Points are sampled every fifth year as markers, with axes implemented via d3.axisBottom and d3.axisLeft. A legend identifies each metric, and the chart includes axis labels and a descriptive title.

BBhargav Reddy

78% match

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

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

77% match

Loading thumbnail…

Multiline

This interactive multi-line chart shows annual average temperatures across four continents (North America, Europe, Asia, Africa) from 2010 to 2019. Built with D3 v7, it uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.line` to generate the SVG paths. A `d3.schemeSet2` color palette distinguishes each series, with a legend rendered as colored circles and labels. Data comes from the local `global_temperature.csv` file.

KKwasi Acquaye

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

76% match