AHI Widget Library

Widget 1 — Score Badge

The simplest embed. Shows the current AHI composite score, status label and a link back. Fits in any sidebar, footer, or about page.

<script src="https://australianhouseholdindex.com.au/ahi-widgets.js"></script>
<div class="ahi-score-badge" data-theme="dark"></div>

Widget 2 — Category Tracker

Shows all eight AHI categories with current values and pressure indicators. Ideal for financial planning pages, news articles, and cost-of-living features.

<script src="https://australianhouseholdindex.com.au/ahi-widgets.js"></script>
<div class="ahi-category-tracker"
     data-theme="dark"
     data-categories="housing,food,fuel,energy">
</div>

Widget 3 — State Comparison

A ranked bar chart of all eight state and territory AHI scores. Embed in state-specific content, regional media, or government dashboards. Highlight a specific state with data-highlight.

<script src="https://australianhouseholdindex.com.au/ahi-widgets.js"></script>
<div class="ahi-state-comparison"
     data-theme="dark"
     data-highlight="QLD">
</div>

The widget script

Self-contained. Include once per page — it finds all AHI widget containers and populates them. Works in any HTML environment including WordPress, Squarespace, Webflow, and raw HTML.

<!-- AHI Widget Library — include once anywhere on the page -->
<script src="https://australianhouseholdindex.com.au/ahi-widgets.js"></script>

<!-- Widget 1: Score Badge -->
<div class="ahi-score-badge" data-theme="dark"></div>

<!-- Widget 2: Category Tracker (housing + food + energy only) -->
<div class="ahi-category-tracker" data-categories="housing,food,energy"></div>

<!-- Widget 3: State Comparison (highlight QLD) -->
<div class="ahi-state-comparison" data-highlight="QLD"></div>

All widgets update automatically when the AHI publishes new data. No webhooks, no cron jobs, no manual intervention. Attribution to australianhouseholdindex.com.au is embedded in every widget and required by the CC BY 4.0 licence.