Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

8a4d9dae68014cb0817c5d5c263a163d

Customizing Axes

0 stars0🌍 Public
Rracoo
Last edited May 19, 2020
Created on May 19, 2020
Forked from Customizing Axes

This example shows a bar chart of country populations, with a custom linear gradient applied to the bars. The gradient transitions horizontally across the plot area, with the color shift defined by offset stops on the `linearGradient` element. Built with D3 v5, the SVG visualization uses `svg.append("defs")` to define the gradient and binds it to the bars. Data is loaded from a CSV file, listing the ten most populous countries, with population values in thousands. The chart emphasizes the ease of customizing visual elements through D3’s SVG composition.

AI-generated description