Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart with Multiple Lines

Public visualization

Viewing a saved revision (read-only)

35fc72bc70334012813e5e66afd15a3e

Line Chart with Multiple Lines

0 stars0🌍 Public
Ssafdarawan
Last edited Jun 1, 2020
Created on Jun 1, 2020

This line chart displays annual carbon dioxide emissions per capita for the top 10 countries, using multi-color lines to compare trends over time. The visualization reads data from a CSV file and renders it as SVG, with each line representing a country, a color legend for identification, and labeled axes for year and emissions. The implementation uses D3 v5 APIs including `d3.csv`, `d3.line`, `d3.scaleTime`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.nest`. A custom `colorLegend` function generates the legend, and gridlines and axis labels are styled for clarity.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in cities around the world. The data comes from Data Canvas - Sense Your City.