Windrose — Interactive DeFi Docs Concept

An interactive documentation concept for a fictional DeFi lending protocol, built as a portfolio demonstration.

Windrose does not exist. Every mechanic described in the docs is textbook, public-knowledge fixed-maturity lending — dated claims (tokenized zero-coupon bonds), collateralized borrowing, an order book of interest-rate quotes, pooled liquidity and utilization, loan rollover. The point of the project is the documentation experience: instead of static diagrams, every core concept is a live, interactive 3D visualization you can orbit, toggle, and replay.

The visualizations

Seven custom interactive visualizations (three.js + DOM animation), each injected at the concept it explains, plus an ambient 3D hero:

1. Maturity ladder — orbitable 3D bar chart of principal coming due month by month
2. Token progression — animated cards: ERC-20 → ERC-4626 vault share → dated claim
3. Rate book — 3D grid of maturities × rate bins with a live price-priority order-matching animation
4. Pool utilization — animated counter and borrower-draw bars for a shared lending pool
5. Fixed-term lending — before/after toggle showing principal locking and redemption growing
6. Collateralized borrowing — unlevered/levered toggle showing borrowing power through a loan term
7. Loan lifecycle — three-step hold → lend → roll walkthrough

Build & run

python build.py     # source_docs.md + template.html -> index.html

Then open index.html in a browser (three.js loads from CDN, so the 3D needs internet access). No dependencies beyond a stock Python 3.

• source_docs.md — all prose (original, textbook-level content)
• template.html — shell, styles, and all visualization code
• build.py — tiny purpose-built markdown-to-page compiler with visualization anchor injection

Credit

Built by Jachin Victor — LinkedIn

Interactive documentation concept for a fictional DeFi lending protocol · built as a portfolio demonstration.