Back to the atlasFIELD 07 / 07

Interactive tools, learning & writing

Tools for being human.

A soccer pitch, a piano roll, a knowledge graph, and a study of technology beyond the code.

09 PROJECT FAMILIESEXPLORE BELOW ↓
07 / A pitch. A piano roll. A new perspective.STUDY IN SPACE

Outside the usual dimensions.

The work in this world.

ORDERED BY DEPTH & EVIDENCE
  1. 01

    twentyfourpoints.com

    A real-time multiplayer math arena, built and launched in 72 hours.

    Built systemReact · TypeScript · Node.js · Socket.io

    START HEREA complete multiplayer product, from mathematical validation to live sessions, authentication, and rankings.

  2. 02

    CSC:tactics

    A Chinese soccer tactics teaching application with 52 situational challenges, 11 roles, three viewpoints and a 90-minute training plan containing 43 segments.

    Built systemJavaScript · Three.js · Canvas · Vite
  3. 03

    YouTube Knowledge

    A Chinese-first reading and exploration application that turns video transcripts into staged summaries, source-linked ideas, and creator-level knowledge graphs.

    Built systemPython · Claude CLI · NDJSON · Threads
  4. 04

    Piano video to MIDI

    A web pipeline converting YouTube/Bilibili piano audio into editable MIDI, with optional timing/dynamics cleanup and a saved library.

    Built systemPython · Flask · Transkun · MIDI
  5. 05

    Sandbox: browser code experiments

    Two related Vue/CodeMirror implementations of a browser-only JavaScript/Python editor with execution, console output, saved files and export.

    Built systemVue · CodeMirror · Vite · Web Workers
  6. 06

    Daily News Vision Terminal

    A dockerized live-information interface combining news signals, prediction-market context, public trade activity, and ADS-B flight overlays.

    Built systemNode.js · JavaScript · WebSocket · Docker
  7. 07

    Video transcription workflow adaptation

    Local adaptations to an upstream subtitle-first transcription and summarization application, including a different model client, GPU transcription and platform-specific retrieval handling.

    AdaptationPython · FastAPI · Faster-Whisper · CUDA
  8. 08

    A searchable engineering notebook

    This site: a field-based project catalog and a local-Qwen guide that answers from reviewed claims and linked evidence.

    Built systemReact · TypeScript · Cloudflare · Local Qwen
  9. 09

    Cars, identity & technological change

    A candidate-attributed course essay examines American Graffiti through histories of mobility, vehicle identity and the social consequences of transport technology.

    Study / experimentAcademic writing · Technology history · LaTeX