Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Area Chart

Public visualization

Viewing a saved revision (read-only)

9e2b2779cb274d4296a05513aa0b9773

Area Chart

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

This area chart visualizes the distribution of species counts from a dataset loaded via `d3.csv`. The chart aggregates the raw data using `d3.rollup` to count entries per species, then renders a single filled area using the `d3.area` generator, with scales defined by `scaleBand` and `scaleLinear`. Axis ticks are drawn with `d3.axisBottom` and `d3.axisLeft`, and each species count is labeled directly above its point on the area via `svg.append('text')`. The visualization is produced in SVG within a dedicated `<div>` container.

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.