Credits

None of this exists without the open-source community. Thank you.

This website is the product of a lot of great open-source work. I believe in giving credit where it is due, so this page lists every major library and framework that powers the site, from the static site generator down to the smallest utility.

Framework and Styling

Astro is the foundation of the site. It is an open-source static site generator that renders pages to HTML at build time and ships JavaScript only where a page actually needs it, through its islands architecture. Content lives in Markdown and MDX, and interactive components drop into a page where they are wanted.

Tailwind CSS handles all the styling. Its utility-first approach keeps the CSS footprint small and makes it easy to build consistent layouts without writing custom stylesheets.

KaTeX renders the mathematics in posts and lab entries. Formulas written in Markdown are turned into HTML when the site is built, through remark-math and rehype-katex, so equations are already typeset when a page loads and need no JavaScript in the browser.

Visualizations and Data

D3.js is the backbone of most interactive graphics on the site. It provides low-level primitives for binding data to SVG, computing layouts, projections, and scales — the building blocks for everything from financial charts to geometric logo generators.

Observable Plot sits on top of D3 and provides a higher-level grammar for statistical charts. It handles the common cases quickly and composes well with D3 for custom work.

d3-quant extends D3 with quantitative finance utilities.

TradingView Charting Library powers the interactive financial charts, providing professional-grade candlestick charts, technical indicators, and real-time data streaming capabilities.

eurostat-map renders choropleth maps of European countries using Eurostat data, making it easy to visualise regional statistics across the EU.

TopoJSON provides compact geographic topology encoding and the client-side utilities to convert it into GeoJSON for rendering with D3.

UI and Utilities

React is used for component-based rendering across the interactive lab experiments, managing state and side effects for canvas and SVG animations.

JSZip enables in-browser ZIP file creation, used in the logo generators to bundle SVG and multi-resolution PNG exports into a single download.

HTL provides hypertext literal templating for building safe, composable HTML fragments directly in JavaScript.

Python Tooling

Behind the scenes, all data fetching and processing is handled by Python. quantflow is the primary library for financial data access and quantitative analysis. pandas handles data manipulation and transformation before the data reaches the browser.

aio-fluid provides async utilities for backend services, including the task scheduler used for data pipeline jobs. boto3 handles communication with AWS S3 for storing and retrieving data files.

foamlib is the Python interface for OpenFOAM, used to configure and run the CFD simulations featured in the lab section.

Images

The photographs used across the site, mostly as page headers, come from Unsplash and Pixabay. This list is generated from the site's image registry, so every registered photo is credited here. Each one links to its original page, where the photographer is named.

Source Code

The full source code for this website is available on GitHub.