Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Course 14: Melting Data for Multiple Lines

Public visualization

Viewing a saved revision (read-only)

b7653ea4bd8144319d9353e8383381ec

D3 Course 14: Melting Data for Multiple Lines

0 stars0🌍 Public
Mmaru25-alt
Last edited May 14, 2020
Created on May 14, 2020

This line chart visualizes population trends across global regions from 1950 to 2100. It combines data from two UN population CSV files, melting columns into rows and filtering to display only regional aggregates. The chart uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `nest`, and `curveBasis` for smooth lines. A black vertical marker indicates the currently selected year, which updates interactively on mouse movement via the `mouse(this)` function.

AI-generated description

Data Visualization with D3 course; Melting & Munging Data

<h3>Melting & Munging Data</h3> <table> <th align="left">Topics</th> <tr> <td> <ul> <li><b>Melting columns into rows</b></li> <li><b>Filtering out undesirable values</b></li> <li><b>Merging multiple data tables</b></li> <li><b>Correctly parsing dates with d3.timeParse</b></li> <li><b>Renaming long names for labels</b></li> </ul> </td> </tr> </table>