Architecture

What's in the stack.

Every platform in this lab shares one technical foundation and one content foundation — to compound over time.

Technical foundation

  • · Next.js 14 App Router · TypeScript · Tailwind
  • · Framer Motion · D3-style SVG visualizations
  • · Bilingual context (EN ⇄ 中文 instant toggle)
  • · Light/dark theme · localStorage personalization
  • · Static deploy on Vercel · CDN-first
  • · Open-source repos under github.com/gewenbo888
  • · Per-platform interactive component (D3 graph, simulator, agent runtime, browseable DB, etc.)

Content foundation

  • · Shared spec.ts type system across 11 sites
  • · Per-platform Module / Feature / DataModel structures
  • · Sample data shipped with each interactive demo
  • · Source-cited claims throughout
  • · CC0 / CC-BY where applicable (Human Memory Project)
  • · Forkable: clone the repo, fork the spec, ship your own scoring

Interactive component per platform

platform
component
does
❦ Civilization Tree
tree
A living branching map of human civilization — eras, technologies, ideas, and the dependencies that link them.
◐ How The World Works
database
Browseable diagrams of the systems that actually run the planet — power grids, container shipping, semiconductor fabs, central banks.
✕ Humanity Problem Database
database
A searchable, scored catalog of humanity's open problems — from cancer to coordination failure to climate.
▲ Future Simulator
simulator
Drag sliders, see which futures the assumptions actually produce. The point is not prediction — it's intuition.
◯ AI Society Sandbox
agents
A toy economy of autonomous AI agents — citizens, firms, regulators — running on visible rules.
◇ Global Materials Graph
graph
Every important material in modern technology, the elements that go into it, and the chokepoint countries that supply them.
▣ AI Replacement Map
matrix
An honest, occupation-by-occupation map of which jobs LLM-era AI is replacing, augmenting, or leaving alone.
⊘ Failure Museum
memorial
A serious archive of how things actually broke — companies, missions, treaties, theories — and what was learned.
▽ Knowledge Compression Engine
compression
Any domain, compressed into a 3-hour understanding experience: 12 concepts, in dependency order, with the smallest possible example for each.
❉ Human Memory Project
memory
An open archive of ordinary lives — collected, indexed, made searchable so future humans (and machines) can know who we were.