choked_pass

100%

✓ Published0🌍 Public

Last edited Feb 8, 2019

Created on Jan 23, 2019

A streamgraph visualizes global temperature anomaly data over time, depicting the relative temperature change across different latitude bands. The visualization renders a flowing, organic form that narrows and widens, with a distinct dark "choked" region suggesting a period of significant cooling or data discontinuity. The chart is built using the D3.js library, leveraging its `d3.forceSimulation` API for dynamic layout and `d3.geoPath` for rendering spatial elements. The underlying data originates from NCEP Global Best Track files, with the primary dataset loaded from a NetCDF file, while a separate metadata CSV informs the encoding choices.

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

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

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

62% match

Loading thumbnail…

Streamgraph

This streamgraph shows how species abundance varies with latitude, using a stacked silhouette layout. The code loads CSV data and applies `d3.stack` with `d3.stackOffsetSilhouette` to create the layered structure, then renders it with `d3.area` and `d3.scaleLinear` axes. A `d3.scaleOrdinal` assigns colors from `d3.schemeDark2`. Interactive hover effects, managed via mouseover, mousemove, and mouseleave events, highlight a layer and display its group name in a tooltip. The visualization is built with D3 v6 and rendered as an SVG.

Yyungchiau

62% match

Loading thumbnail…

Streamgraph

This interactive streamgraph visualizes global CO2 emissions from 1790 onward, with stacked layers representing fossil fuel sources—Solids, Liquids, Gas, Cement Production, and Gas Flaring—in gigatons per year. Using d3.stack and d3.area with a basis curve, it renders smooth, colored bands scaled by a time axis and a linear y-axis. Labels are positioned via d3-area-label’s `d3.areaLabel` function, while tooltips appear on hover. The chart uses d3-scale-chromatic’s `schemeDark2` for colors and reads CSV data, updating responsively on window resize.

BBrittany Harden

62% match

Loading thumbnail…

Fork of Streamgraph

This fork of a streamgraph visualizes global CO2 emissions over time as a stacked area chart. Segments representing fossil fuel types—Solids, Liquids, Gas, plus Cement Production and Gas Flaring—are stacked and colored via a D3 ordinal scale. Hovering highlights a single area. The chart uses the `d3.stack`, `d3.area`, and `d3.curveBasis` APIs, with labels positioned by the `d3-area-label` library. Data comes from a remote CSV file, parsed into gigatons, and rendered as SVG using D3 v4.

Ping-Yu Yang

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

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

61% match