AFM StudioLab
47 independent projects: explainers, data atlases, tools and games, mostly about Indonesia. Built after hours to understand how things work.
Track
Type
Status
Explainers
30 projects
Scimotion
An interactive science library of 86 articles, each explained next to animations the reader can control
Next.js · TypeScript · MDX
Faraid Visualizer
An Islamic inheritance calculator that traces every share to a cited source, comparing KHI and classical Syafi'i
Python · Next.js · TypeScript
Myers Visualizer
An interactive replay of what git diff does inside, including why it sometimes blames the wrong line
Next.js · React · TypeScript
Git Rebase Simulator
A safe sandbox for practising rebase, hard reset and force-push, where commit ids change as in Git
Next.js · React · TypeScript
Stemmer Visualizer
A step-by-step view of how Indonesian words are cut to their roots, dead ends and double roots included
Next.js · React · TypeScript
Raft Simulator
A Raft simulator that lets you switch off each safety rule and watch the guarantee it protects break
Next.js · React · TypeScript
Spectrogram
A live spectrogram that draws the pitches in your voice, using a transform I wrote and proved correct
Next.js · React · TypeScript
Sketch Lab
An interactive lab for four probabilistic data structures, with the exact answer running alongside to expose every error
Next.js · React · TypeScript
Isolation Anomaly
An interactive score of two clashing database transactions, checked against 220 recordings from four real databases
Next.js · React · TypeScript
Congestion Lab
A packet-by-packet simulator showing why your video call stutters when someone at home starts a download
Next.js · React · TypeScript
Angklung Simulator
A browser angklung that shares a song across a room of players, every note computed from bamboo physics
Next.js · React · TypeScript
Tide Analysis
A tide explainer fitting eight Indonesian ports from raw readings, which refuses when a record is too short
Next.js · React · TypeScript
Anatomi Rupiah
Explains how to check the security features of Indonesian banknotes, drawn as diagrams marked SPESIMEN by law
Next.js · React · TypeScript
Zero Shadow Day
Finds the two days a year the sun stands overhead anywhere in Indonesia, with dates checked against BMKG
Next.js · React · TypeScript
Pola Hujan
An atlas of Indonesia's three rainfall patterns, computed from raw satellite data so anyone can check it
Next.js · TypeScript · React
Bentuk Kota
An atlas measuring 33 Indonesian neighbourhoods twice, by car and on foot, to show what car-only metrics miss
Next.js · React · TypeScript
Periodic Lens
A periodic table that builds its own shape on screen and maps Indonesia's share of world mineral production
Next.js · React · TypeScript
Rumah Adat Nusantara
A collection of 35 traditional Indonesian buildings computed from their cultural rules, each showing how much is documented
Next.js · React · TypeScript
Query Planner
A browser-based database engine that shows every plan it considered and where its row estimates went wrong
React · TypeScript · Vite
Mixed Traffic Simulator
A traffic simulator showing that Indonesia's rule of one motorcycle as 0.25 cars depends on how it's measured
TypeScript · React · Vite
Anatomi QRIS
An explainer that builds QR codes step by step and lights up the squares behind each QRIS field
React · TypeScript · Vite
Suara ke Kursi
An interactive model of Indonesia's 580-seat parliament where you change the 2024 election rules and watch seats move
React · TypeScript · Vite
Compression Lab
An interactive lab that shows what text costs to store once the compressor's own model is counted
React · TypeScript · Vite
Linkage
An interactive lab that re-identifies people in synthetic data, showing that removing names doesn't make a dataset anonymous
React · TypeScript · Vite
Mind Reader
A left-or-right game where machines guess your next press, including two rebuilt 1950s Bell Labs machines
React · TypeScript · Vite
Oracle
An educational demo that reads an encrypted message without the key, using only yes-or-no answers from a server
React · TypeScript · Vite
History Explorer
A reference site ranking 419 historical states, where every figure cites a named source or shows a gap
Next.js · TypeScript · Tailwind CSS
Ruleset
A static site tracing why sports rules changed, and where a change breaks a record series in two
Next.js · D3 · TypeScript
Field Atlas
A map of how math, physics and biology branched into their fields, every turning point sourced
Next.js · React · TypeScript
Language Lineage
A branching map of how language families split over history, where every disputed classification shows both sides' evidence
Next.js · TypeScript · React
Tools
9 projects
DoseRx
A bedside dose calculator for 127 drugs that rounds each dose to tablets and syrups Indonesian pharmacies sell
React · TypeScript · Vite
Cubiq
A speedcubing trainer with competition-grade timing and a solver I wrote for each of the 8 major puzzles
Next.js · TypeScript · React
Falak
A Hijri calendar, prayer time and qibla tool that shows the moon and sun numbers behind every answer
Next.js · TypeScript · D3.js
Lontara
A Bugis Lontara reader and writer that lists every possible reading when the script leaves the word open
Next.js · React · TypeScript
Terbilang
A library that writes Indonesian amounts in words for invoices and reads them back, exact at any size
TypeScript · BigInt · Next.js
Selapan
A Javanese calendar that converts any date to its weton and shows the cited arithmetic behind every number
Next.js · React · TypeScript
Gizi Masakan
Nutrition facts for 40 Indonesian dishes, with the recipe behind every number shown so you can correct it
Next.js · React · TypeScript
KPR Simulator
An ad-free Indonesian mortgage calculator showing what happens after the fixed rate ends, and where instalments break
Next.js · React · TypeScript
Tanggal Merah
An Indonesian holiday and leave planner that shows whether collective leave eats into your 12 days
Next.js · React · TypeScript
Data atlases
5 projects
ClimateWatch
A climate history site for 94 Indonesian cities, with daily temperature and rainfall back to 1950
Next.js · Django · TypeScript
GempaWatch
An earthquake risk site that tells anyone in Indonesia how active their area is, from 70,271 recorded quakes
Django · PostGIS · PostgreSQL
Quranlytics
A Quran reader where anyone can check word counts and numerical claims across all 6,236 verses
Django · Next.js · TypeScript
Sanad
A hadith reader that draws each narrator chain as a graph and credits every grade to its scholar
Django · Next.js · TypeScript
Nusantara Languages
A map of Indonesia's 726 languages, linked to their family tree so each branch lights up its territory
Next.js · React · TypeScript
