Visualize your data live to reveal the multidimensional truth..
I just launched the public beta of AtlasTrack, a timeline and atlas tool I've been building solo. I want to share the one design decision that shaped the whole app. The problem Most timeline tools assume events happen o
I just launched the public beta of AtlasTrack, a timeline and atlas tool I've been building solo. I want to share the one design decision that shaped the whole app.
The problem
Most timeline tools assume events happen on real-world dates. That falls apart quickly when you're mapping:
a manga's story, where "time" is chapter numbers
a fantasy world with its own invented way of counting years
a company roadmap measured in quarters
two historical figures you want to compare at "Day 1 of their career"
I wanted a single engine that handled all of these.
The approach: separate position from meaning
An event's position in AtlasTrack is just a number. A separate object called a basis defines what that number means: its zero point, its units, and how it's displayed.
Real-world basis β the number maps to actual dates
Chapter basis β the number is a chapter
Custom basis β whatever time system your fictional world uses
Since events don't know or care which basis they're on, the rendering layer (timeline canvas, charts, map view, playback) works identically across all of them. And you can line up timelines from completely different eras side by side just by anchoring their bases.
Other things I learned
Lean data formats pay off. Events are stored as small modular text-based files rather than one giant blob, which keeps storage tiny and makes import/export easy.
Offline-first changes everything. It's a PWA with a local encrypted vault, so most of the app works without a server. That simplified some things and made sync much harder.
Flexible models invite new use cases. Once time was abstract, users started imagining things I hadn't planned, like power-scaling charts for anime characters.
Stack
React + TypeScript, Firebase (auth, storage, functions), installable PWA.
Try it
The beta is free and I'd genuinely love feedback, especially from anyone who's built timeline or offline-first apps: [link]
What's the weirdest time system you've had to model? I'd love to hear about it in the comments.
Originally published by Dev.to WebDev. Aggregated on AIWithGhost for educational purposes β full credit and traffic to the original publisher.