Credits

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

Observable Framework is the foundation of the site. It is an open-source static site generator designed for data apps, dashboards, and interactive reports. It brings together Markdown, JavaScript, and reactive inputs into a coherent authoring experience that makes building data-driven pages straightforward.

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.

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.

Source Code

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