HTML Stats Section Templates

Four big numbers that count up when scrolled into view, separated by dividers, under a short heading.

Four metric cards with icon, value, change badge and a small SVG trend line. Works for dashboards and reports.

An SVG bar chart comparing this year and last, with a legend and three highlight numbers. No chart library needed.

Four circular progress rings drawn in SVG with a percentage in the middle. Rings fill in when they scroll into view.

One giant hero metric next to horizontal bars that break it down by category. Strong for impact reports.

Six award badges in laurel-style frames with year and issuer. Builds trust without needing real logos.

A compact strip of trust signals: rating, secure checkout, guarantee, delivery and support. Fits under heroes or above checkouts.

A dark section with a glowing SVG area chart and four stat tiles beside it. Built for SaaS growth and investor pages.

Side-by-side "before" and "with us" bars for four metrics, with the improvement called out. Great for case studies.

A warm, photo-free stats band for local businesses: years open, jobs done, rating and response time, with a call button.

An interactive ROI section: sliders for team size, hours lost per week and hourly cost drive three live results (hours saved, money saved, payback) with a bar comparison.

An editorial annual-report spread: a giant headline number, a short letter excerpt, and a ruled grid of supporting figures with small captions and year-on-year arrows.

A “happening right now” band: numbers that tick up live (orders today, trees planted, people online), a pulse indicator, a mini sparkline per counter and the last updated time.

A benchmark section comparing a courier’s numbers against the industry average: paired horizontal bars per metric, the gap called out as a badge and a short source note.

A tapered funnel chart for a SaaS growth story: four stages with counts and step conversion rates, a highlighted best step and a month switch that updates the numbers.

A charity transparency section: a donut chart of spending with a centre label that changes as you hover or focus each slice or legend row, plus a “every £10 gives…” strip.

A reliability section like a status page: overall uptime, a 90-day bar per service (green, amber, red) with tooltips, response time numbers and recent incident notes.

A crowdfunding progress section: amount raised vs goal with an animated bar and stretch-goal markers, backers and days left, recent backer avatars and reward tiers to pick.

A habit app’s yearly streak section: a 26-week contribution-style heatmap with intensity legend, current and longest streak counters and best day of the week.

A local council or co-op impact section: a small illustrated town skyline with numbered pins, each pin tied to a stat card (homes insulated, buses, trees, solar roofs) that highlights on hover.

Where your customers are: a tile map of twelve regions shaded by count, with a hover or tap readout, a legend scale and a ranked top-five list beside it.

A running app’s “your year” story: big swipeable stat cards with progress dots, autoplay with pause, previous/next taps and a share button. Works with keys and touch.

A line chart of members over eight years with milestone flags you can step through: each step moves a marker and updates the year, number and story beside the chart.

A coffee roaster’s sustainability numbers styled like a nutrition facts label: bold rules, per-bag figures, percentages of a goal, and a footnote, next to short copy.

A schools reading challenge leaderboard: podium for the top three, a ranked table with weekly movement arrows, a progress bar to the next place and a this-week / all-time switch.

A charity statistic told with a 100-figure pictogram: one in four highlighted, a toggle to show what changes with your support, and plain-English captions beside.

A solar company’s customer stats: a gauge of energy made today, hour-by-hour bars for generated vs used, money saved, CO₂ avoided and battery level.

Patient survey results as diverging stacked bars: five-point agreement per question, net score, a legend, sort by score and a sample size note.

A hospital’s headline numbers in three tabs for patients, clinicians and the community. Each panel has three big figures, an illustrated portrait and a link.

A remote-work platform’s city comparison: pick two cities and see side-by-side bars for rent, lunch, travel, coffee and bread, with the overall difference in a headline.