reports.html

---
layout: default
title: "Reports | BD Economics"
description: "Economic reports and interactive data visualizations: US Chartbook (250+ charts), economic indicators dashboard, monthly GDP tracker, and IMF WEO forecast tracker covering 196 countries."
og_description: "Economic reports and interactive data visualizations: US Chartbook, economic indicators, monthly GDP, and IMF WEO forecast tracker for 196 countries."
canonical: "https://bd-econ.com/reports.html"
body_class: "page-reports accent-red"
nav_active: "reports"
page_strip: "reports"
page_strip_class: "page-strip-compact"
page_title_html: |
      <div class="page-title page-title-feature accent-red">
        <p class="page-title-kicker">Collection</p>
        <h1>Reports</h1>
        <p class="page-title-deck">Interactive dashboards, the US Chartbook, and other economic data work from BD Economics.</p>
      </div>
jsonld_collection: dashboards
extra_scripts: |
  <script>
  	fetch('date.txt').then(r => r.text()).then(t => {
  		document.querySelectorAll('.cb-update').forEach(el => el.textContent = t.trim());
  	});
  </script>
---
	<section>

	<!-- ============================================================ -->
	<!-- REPORTS — featured hero (latest) + list of past reports.      -->
	<!-- No h2 here: the page <h1> already says "Reports"; the         -->
	<!-- featured-report panel below carries the section visually.     -->
	<!-- ============================================================ -->
	<section class="reports-section">
	{% include featured-report.html %}
	</section>

	{%- assign dashboards = site.data.dashboards | where: "section", "dashboards" | sort: "order" -%}
	{%- assign references = site.data.dashboards | where: "section", "references" | sort: "order" -%}

	<!-- ============================================================ -->
	<!-- DASHBOARDS — interactive data tools                           -->
	<!-- Cards iterate _data/dashboards.yml (section: dashboards).     -->
	<!-- ============================================================ -->
	<section class="card-grid">
	<h2 class="heading-accent">Dashboards</h2>
	{% for d in dashboards %}{% include dashboard-card.html d=d %}{% endfor %}
	</section>

	<!-- ============================================================ -->
	<!-- REFERENCES — Chartbook PDF (flagship reference document).     -->
	<!-- ============================================================ -->
	{%- assign chartbook = references | where: "name", "chartbook" | first -%}
	<section class="reports-references">
	<h2 class="heading-accent">References</h2>

	{% if chartbook %}
	<a href="{{ chartbook.url }}" class="featured-report accent-{{ chartbook.accent }}">
		<figure class="featured-report-photo">
			<picture><source srcset="/images/chartbook_strip.webp" type="image/webp"><img loading="lazy" decoding="async" src="/images/chartbook_strip.jpg" alt="{{ chartbook.banner_alt }}"></picture>
		</figure>
		<div class="featured-report-text">
			<p class="featured-report-kicker">Flagship reference{% if chartbook.pdf_freshness %} &middot; <span class="cb-update"><noscript>updated regularly</noscript></span>{% endif %}</p>
			<h2 class="featured-report-title">{{ chartbook.short_title }}</h2>
			<p class="featured-report-deck">{{ chartbook.deck }}</p>
			<span class="featured-report-cta">Open the chartbook &rarr;</span>
		</div>
	</a>
	{% endif %}
	</section>

	</section>