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.