Project · 2021

Market Structure Dashboard

A live view of the indicators that define the market regime, built entirely on free Federal Reserve data. Rates, the yield curve, the volatility complex, credit, currencies, commodities, inflation and the labor market, all in one place.

Role Sole designer and builder Stack Python, Chart.js, GitHub Actions Data FRED (Federal Reserve Economic Data)

01 Overview

The whole macro picture on one screen

Traders watch dozens of indicators to read the regime, and they usually live in a dozen different places. I wanted one clean screen that pulls them together, honestly sourced and free of any terminal subscription.

The dashboard tracks the series that matter most, straight from FRED, the Federal Reserve's economic data service. Policy rates and the whole Treasury curve, the volatility complex, credit spreads, the dollar and major crosses, commodities, inflation breakevens, equity indices and the labor market. Every series goes back to 2010.

It is organized into two rooms. Markets & Risk for the fast-moving equity, volatility, FX and commodity picture, and Macro grouped by release cadence so you always know how fresh a number is. Open any chart full screen and drag a range slider through fifteen years of history.

A good dashboard answers the question before you finish asking it. That is the whole design brief.

02 What it covers

From the front end to the long end

The indicators that set the tone for every risk asset.

Rates & the curve

The policy corridor, SOFR and the full Treasury curve from 3 months to 30 years, plus the 2s10s and 3m10y spreads.

The volatility complex

VIX, VIX term structure, and the oil, gold and Nasdaq vol gauges that reveal where stress is building.

Credit

High-yield and investment-grade option-adjusted spreads and yields, plus the Baa and Aaa corporate benchmarks.

FX & commodities

The broad dollar index, major crosses, WTI and Brent crude, natural gas and copper.

Inflation & growth

Breakeven inflation, CPI and PCE, payrolls, unemployment, industrial production, GDP and the Sahm rule.

Built for reading

Full-screen charts, a draggable range slider, English and French, and a plain-language note on what each series means.

03 Under the hood

Live data, no key in the browser

The original build ran a small Python server that held the FRED API key and proxied requests. For the public version I turned that inside out. A scheduled job fetches every series, writes one static JSON file per indicator, and the browser reads those directly. No server to run, no key exposed, and it loads instantly.

A GitHub Action refreshes the data twice a day on weekday mornings and afternoons, matching the rhythm of FRED's own releases, then commits the update so the site redeploys on its own. The API key lives only as an encrypted repository secret, never in the code or the page.

Charts are drawn with a bundled copy of Chart.js, so the whole thing is self-contained. The result is a dashboard that behaves like a live app but has the reliability and speed of a static site.

Python FRED API GitHub Actions Chart.js Vanilla JS Bilingual UI

Data is sourced from FRED (Federal Reserve Bank of St. Louis) and refreshed twice daily. For educational use, not investment advice. Verify exact release schedules on fred.stlouisfed.org before operational use.

Take the regime's temperature

The full dashboard is live and interactive. Open it and read the market for yourself.