WebApp Use Cases

Build interactive web dashboards using HTML, Bootstrap, and Highcharts with GJD data.

Welcome

This section demonstrates how to consume the Green Jurisdiction Database API directly from the browser using HTML + JavaScript. No backend required.

Tech Stack

Technology	Purpose
Bootstrap 5	Responsive layout and UI components
Highcharts	Interactive, publication-quality charts
Vanilla JavaScript	API requests and data processing

How it works

Each use case is a single HTML file that:

1. Calls the GJD API using fetch().
2. Parses the JSON response.
3. Renders an interactive Highcharts chart.

Use Cases

#	Use Case	Description
01	Forest Cover in Caqueta	Fetch forest cover data and compare Caqueta vs Putumayo with a grouped column chart.
02	Deforestation in Acre	Fetch deforestation data and compare PRODES, Hansen/UMD, and MapBiomas sources.

Head over to Get Started to learn what you need.