Global vs Local Temperature Multi-series line chart

100%

Global vs Local Temperature Multi-series line chart

✓ Published0🌍 Public

Last edited Nov 5, 2025

Created on Nov 5, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart Global Temperature

This line chart visualizes global average temperature trends over time, plotting temperature values against yearly dates. The visualization uses D3.js v7 with an SVG rendering approach, employing `d3.scaleTime` and `d3.scaleLinear` for axes and a `d3.line` generator to create the orange trend line. Data is loaded remotely from a GitHub-hosted CSV file containing cleaned temperature records, with the code handling missing or empty data through error messages. The chart includes labeled axes, a legend, and a clean white background with subtle shadow styling.

Sshabanasyed2266@gmail.com

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

83% match

Loading thumbnail…

Temperature Trend for different country

This interactive line chart displays temperature changes over time for selected countries, with a dropdown menu to choose a country and a slider to filter the date range. The visualization uses D3 v7 to parse CSV data, generate SVG axes, and dynamically redraw the line path with `d3.line()` on user input. Data comes from a GitHub-hosted CSV file listing annual temperature values, rendered with green strokes and automatic y-axis scaling based on the selected country.

HHanqin Zhou

82% match

Loading thumbnail…

Multi-Country Bubble Chart

This bubble chart displays temperature anomalies for individual countries between 1750 and 2013, with each circle’s horizontal position encoding the year, the vertical axis showing the anomaly from a computed global baseline, and the fill color representing the country. The circle radius scales with the average temperature, and hovering highlights a point. The visualization uses D3.js v7 with `d3.csv` to load data, `d3.scaleLinear` for positioning, `d3.scaleOrdinal` with the Tableau10 scheme for colors, and `d3.axisBottom` and `d3.axisLeft` for axes. The SVG is rendered directly in the browser with the data sourced from the GlobalTemperature_Cleaned_ForViz.csv file.

Sshabanasyed2266@gmail.com

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

81% match

Loading thumbnail…

Temperature in multiple cities

This interactive line chart displays population trends for multiple countries over time, with a color-coded legend identifying each nation and a vertical line marking a user-selectable year. Built using D3 v5, it leverages `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render smoothed paths. Data is loaded from UN population CSV files, and hovering over the chart updates the selected year to show values at that point.

JJacob van Lingen

80% match

Loading thumbnail…

D3 Line Chart with Multiple Lines

This visualization displays city temperature trends over time as a multi-series line chart titled “Temp Around the World.” It plots temperature readings (y-axis) against timestamps (x-axis) for multiple cities, with each city distinguished by color from a categorical color scale. Built with D3 v5, the chart uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.lineGenerator` with `d3.curveBasis` for smoothed paths, `d3.nest` to group data by city, and a custom legend component. The interactive SVG renders the data from a CSV file sourced from data-canvas-sense-your-city-one-week.

CCarloGato

80% match

Loading thumbnail…

Assignment _6(Multi series chart)

This multi-series line chart visualizes monthly climate trends, comparing average temperature, rainfall, and humidity across aggregated city data. The chart uses a shared y-axis to display all three metrics, with distinct colored lines and a legend for identification. The code loads CSV data via `d3.csv`, aggregates it with `d3.rollups`, and scales axes using `d3.scaleLinear`. Lines are drawn with `d3.line` paths, while gridlines and axes are rendered using `d3.axisLeft` and `d3.axisBottom`. A highlighted circle annotates the peak temperature point.

Ssaisowjanyaedupuganti.24f@gmail.com

79% match