Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A6_LineChart with 4 qualitative color scale

Public visualization

Viewing a saved revision (read-only)

5efceec5b6d249e7aa2a595d904652a7

A6_LineChart with 4 qualitative color scale

0 stars0🌍 Public
DDuc Pham
Last edited Mar 10, 2024
Created on Mar 10, 2024
Forked from A6_ScatterPlot

This line chart visualizes the GDP of four Southeast Asian countries—Vietnam, Thailand, Indonesia, and Malaysia—from 2012 to 2022, using a qualitative color scale with distinct hues for each nation. The chart employs D3.js v7 to create SVG paths for each country’s trend line, with an ordinal color scale mapping countries to specific colors. A legend generated via d3-legend and an ordinal color scale is displayed horizontally. The data is loaded from a CSV file and parsed, with axes rendered using d3.axisBottom and d3.axisLeft.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.