Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Area chart

Public visualization

Viewing a saved revision (read-only)

cf7ecd33b48748ac8cd2208a28f25807

Area chart

0 stars0🌍 Public
Sshivadeclare2@gmail.com
Last edited Jul 12, 2024
Created on Jul 12, 2024
Forked from Hello VizHub

This area chart displays Olympic medal totals by country, with a smooth, curved line connecting the data points over a categorical x-axis. The visualization uses D3 v5, importing functions like `area`, `curveBasis`, `scaleBand`, and `scaleLinear` to construct the SVG path. The chart is rendered with a turquoise fill and includes axis labels and a title, with data loaded from a CSV file hosted on GitHub. The y-axis is scaled to the maximum medal count, while grid lines extend across the plot area.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.