Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Hello VizHub

Public visualization

Viewing a saved revision (read-only)

e992970af07d49369ca25b07a5f7669a

Fork of Fork of Hello VizHub

0 stars0🌍 Public
Ssaivaishnogaruda@gmail.com
Last edited Oct 20, 2024
Created on Oct 19, 2024

A stacked bar chart visualizes deforestation across five regions for 2000, 2010, and 2020 using data embedded in the page. Each region displays three adjacent bars with distinct colors, and hovering reveals exact hectare values. Built with D3.js v6, the chart uses `d3.scaleBand` for x-axis positioning, `d3.scaleLinear` for y-axis scaling, and `d3.scaleOrdinal` for year-based coloring. A custom y-axis title labels the metric as "Damage to Nature," and a legend identifies the year colors.

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.