Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Hello VizHub

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

a240cd08ec014322bf5d66c480338b17

Open

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

Deforestation Visualization

This project visualizes deforestation differences between the years 2000 and 2020 using a stacked bar chart.

Data

The data is stored in data.csv and includes deforestation metrics for different regions.

How to Run

  1. Open the index.html file in a web browser.
  2. You will see a stacked bar chart showing deforestation differences.

Technologies Used

  • D3.js for data visualization