An editorial frontend for interactive economic models.

Publishing stack

Three layers, each doing a specific job well.

• Pure TypeScript modules drive the fast native diagrams and their tested economic logic.
• Marimo remains the authoring layer for equation-heavy and solver-friendly notebooks.
• Hybrid pages lead with the native diagram and retain the full notebook for depth.
• Astro handles static content, layout, navigation, and indexable model pages.
• Vercel serves the generated site with preview deployments and low operational overhead.

Why static

Cheap to host, simple to reason about, and still interactive.

By exporting the notebooks to WASM-backed HTML, the model computations run in the visitor's browser instead of on a long-lived Python server. That keeps the deployment footprint small while preserving interactive sliders, graphs, and recalculation.

Hybrid rule

Native front doors, Marimo depth.

• Use native TypeScript/SVG for closed-form diagrams and fast, indexable interaction.
• Use Marimo for equation-heavy models, numerical solvers, and notebook exposition.
• Combine both when a fast introductory diagram benefits from a deeper notebook.
• Keep the economic specification coherent across both delivery lanes.

Charting choice

Chart.js is optional infrastructure, not the authoring workflow.

Chart.js remains available when a future native model benefits from a canvas chart or its higher-level interaction APIs. Current native islands use small vanilla SVG helpers, while Marimo continues to handle notebook plots and solver-heavy exposition.