# Examples

> Reports, dashboards, infographics and data stories written as plain HTML pages, each built on real public data.

A page in htmlpress is a whole HTML document, so it can be anything a browser can show: a dashboard, a printable report, a slide deck, an interactive explorer. Each example below is one self-contained `.html` file with its own `<style>` and `<script>`, written the way a coding agent writes one, around real public data. It sits inside the site's layout, follows its light and dark theme, and needs no build step, framework or chart library.

> **Tip**
>
> Every number comes from a public dataset, cited at the foot of its page. Open the source with the Edit on GitHub link: everything a page needs is in that one file.

### [World population](/examples/world-population/)

Infographic poster

Hero numbers, a stacked area by region and a bar timeline of every billion.

### [Climate warming](/examples/climate-warming/)

Data story

Warming stripes, an annotated temperature record and 800,000 years of CO₂.

### [Electricity dashboard](/examples/energy-dashboard/)

Dashboard

KPI tiles with sparklines, a 100% stacked column chart, a donut and a sortable table.

### [CO₂ emissions](/examples/co2-emissions/)

Interactive comparison

A treemap of who emits, and a ranking that flips between total and per-person.

### [Arctic sea ice](/examples/arctic-sea-ice/)

Scientific brief

An abstract, numbered findings and three figures: a trend scatter, a ranking and a range chart.

### [Internet access](/examples/internet-access/)

Fact sheet

A printable one-pager: big numbers, a then-and-now pictogram and waffle charts.

### [Global health report](/examples/global-health-report/)

Annual report

A cover, a slope chart, small multiples, footnotes and a print-ready layout.

### [Electric car sales](/examples/ev-sales-deck/)

Slide deck

Five 16:9 slides in a page: swipe, buttons, arrow keys and full screen.

### [Urbanization](/examples/urbanization-timeline/)

Timeline

Milestones beside a 100-person dot grid driven by a year slider.

### [Solar panel prices](/examples/solar-pv-prices/)

Explorer

A log/linear toggle, a year-range slider and headline numbers that recompute.

### [Life expectancy](/examples/life-expectancy/)

Linked dashboard

Region filters, a playable year slider, and a bubble chart, trend and table that follow one selection.

### [Car carbon](/examples/car-carbon/)

What-if calculator

Your grid, distance and consumption in; an electric car's CO₂ against petrol's, on every grid, out.