Skip to main content
SimilarExport ZIP
100%

MULTILINE MELTED

✓ Published0🌍 Public
Pprincit
Last edited May 5, 2020
Created on Apr 30, 2020
Forked from MULTILINE MELTED

This chart displays projected population trends for world regions from 1950 to 2100, with each region shown as a distinct colored line. It uses D3.js v5 to load CSV data, melt it into a tidy format, and render an SVG line chart with a time-scaled x-axis and linear y-axis. The color legend is ordered by each line’s final population value, using D3’s `nest` and `descending` functions. The data originates from UN population estimates and medium-variant projections.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

MULTILINE MELTED

This visualization shows population trends for world regions from 1950 to 2100, with each line representing a continent and colored using a categorical scale. The chart uses a time-based x-axis and a linear y-axis for population, with the legend ordered by each line’s final value. Built with d3.scaleTime, d3.scaleLinear, and d3.line, the data is melted from UN population estimates and medium-variant projections, then rendered as SVG paths with a basis curve.

Ccocktaildata
93% match
Loading thumbnail…

MULTILINE MELTED

This visualization shows population projections by continent from 1950 to 2100, using a multi-line chart where each line represents a region. The lines are smoothed with a basis curve and blended together using a multiply effect. The code leverages d3.csv, d3.nest, d3.scaleTime, d3.scaleLinear, and d3.axisBottom/axisLeft, with data sourced from UN population estimates and medium-variant projections. A categorical color scale with a custom legend orders the regions by their final population values.

Pprincit
92% match
Loading thumbnail…

MULTILINE MELTED

This visualization shows population projections by continent from 1950 to 2100, using a multi-line chart where each line represents a region. The lines are smoothed with a basis curve and blended together using a multiply effect. The code leverages d3.csv, d3.nest, d3.scaleTime, d3.scaleLinear, and d3.axisBottom/axisLeft, with data sourced from UN population estimates and medium-variant projections. A categorical color scale with a custom legend orders the regions by their final population values.

Pprincit
92% match
Loading thumbnail…

Melting Data for Multiple Lines

This chart shows projected population growth by region from 1950 to 2100, with each line representing a different world region and colored via a categorical scale. The data is sourced from UN population estimates, loaded from two CSV files and melted into a tidy format. The visualization uses d3.line with curveBasis to smooth the paths, d3.nest to group data by region, and d3.scaleTime and d3.scaleLinear for axes. A custom colorLegend component renders circles and labels in SVG, while axis gridlines and a title complete the layout.

Jjlspangl
90% match
Loading thumbnail…

Melting Data for Multiple Lines

This chart shows regional population trends from 1950 to 2100, drawing on United Nations population estimates and medium-variant projections. A vertical line marks the year 2020, and a color legend identifies each region. The code uses d3.nest and d3.scaleOrdinal to group and color the data, d3.line with curveBasis for smooth paths, and SVG for rendering. Separate modules handle data melting, the line chart, and the color legend.

Mmyskotima130
89% match
Loading thumbnail…

Melting Data for Multiple Lines

This chart displays population estimates and projections from 1950 to 2100 for regions worldwide, using multiple lines colored by country and sorted by their final population values. The visualization relies on d3.csv to load UN data, d3.nest to group rows by region, and d3.line with curveBasis to generate smooth paths. A custom colorLegend module renders the categorical color scale, while axes are built with d3.axisLeft and d3.axisBottom, and the data is reshaped through a custom “melting” process that converts wide-format year columns into long-format rows.

Ssafdarawan
89% match
Loading thumbnail…

Melting Data for Multiple Lines

This visualization displays population over time by region, with multiple colored lines representing different world regions from 1950 to 2100. The chart uses D3 v5’s `nest()` to group data by region, `scaleTime` and `scaleLinear` for axes, and `line` with `curveBasis` to generate smooth paths. Data comes from UN population estimates and medium variant projections, processed by melting wide-format CSV data into tidy long format. A custom `colorLegend` function renders the categorical color scale, and the visualization includes gridlines, axis labels, and a title.

MMounikaBeerelly
89% match
Loading thumbnail…

Melting data with multiple lines

This chart shows population trends for world regions from 1950 to 2100, using a multi-line plot where each line represents a region’s population over time. It uses D3 v5’s `scaleTime`, `scaleLinear`, `scaleOrdinal` with `schemeCategory10`, `line` with `curveBasis`, and `nest` to group data. The SVG is rendered with axes from `axisBottom` and `axisLeft`, and a custom `colorLegend`. Data comes from UN estimates and medium projections, melted into a tidy format.

MMunTatt Yap
89% match