Regler för intervallskärning, ankare för synliga intervall, stabila nycklar och deterministiska frågor ligger i ett DOM-fritt lager som kan testas eller flyttas mot workers oberoende av rendering.
Publikt · Informationsmodellering
Timeline
En arbetsyta för att bygga tidslinjer med punkthändelser, intervall, kategorier och länkade berättelser, så att en tidssekvens kan bli en strukturerad och navigerbar förklaring.
- Nisch
- Tidslinjer som förenar datum, relationer och berättelse
- Kärnstack
- TypeScript · Vite 8 · retained scene · Leaflet
- Modell
- Kanoniska poster · temporala projektioner · graf-/kartvyer
- Fokus
- Stabil identitet · interaktionsprestanda · evidens
Systemvy
Händelser · intervallKategorierBerättelserNarrativ arbetsyta
Studien
En användbar tidslinje kopplar datum till varaktighet, kategori och tolkning.
Timeline är avsedd för forskning, projekthistorik och andra domäner där punkthändelser, längre perioder, överlappande kategorier och en redaktionell berättelse som förbinder fakta behöver representeras.
Systemstruktur
Modellen skiljer tidsfakta från berättelsen som byggs av dem.
Händelser och intervall
Punkthändelser och varaktighetsintervall behåller skilda temporala semantiker.
Kategorier som lins
Klassificering gör att en kronologi kan utforskas tematiskt med den gemensamma tidsordningen bevarad.
Länkade berättelser
En berättelse väljer och relaterar fakta och bevarar källdatan som ett eget lager.
Responsiv arbetsyta
Samma struktur förblir läsbar från telefon till bred skrivbordsvy.
Produkt- och interaktionsdesign
Produkten skiljer registrering, organisering och tolkning åt.
En användare kan registrera händelser, gruppera dem efter kategori och sedan bygga en berättelse av dem. Uppdelningen håller faktaposter explicita och ger berättande text ett eget lager.
Gränssnittet använder tillgängligt horisontellt utrymme och bevarar linjär läsning och redigering på smala skärmar, så kronologin får en tydlig struktur över flera viewportstorlekar.
Arkitekturperspektiv
Tidsvyn fungerar nu som en retained scene med explicita interaktionsepoker i stället för en loop som bygger om DOM vid varje förändring.
Ett renderer-oberoende projektionslager avgör temporal tillhörighet och stabil scenidentitet. UI-adaptern behåller nycklade noder genom pan och zoom, växer overscan i rörelseriktningen, skyddar fokuserade förekomster och beskär först när interaktionen har commitats.
Live viewport-sampling ger billig kamerakoppling; commitade viewport-händelser ger graf och karta en tydlig gräns för dyrare filtrering eller layout.
Overscan och begränsad retention under interaktion hindrar punkter, långa intervall, fokus och hover från att försvinna bara för att kameran passerar viewportens kant.
Strikt TypeScript och repository-policytester upprätthåller mobile-first-layout, Pointer Events-livscykel, primära ytor utan klippning och retained-scene-invarianterna.
Utvecklingsmetod
Designprocessen växlar mellan två vyer av samma material: strikt kronologi och berättelsen en person försöker formulera med den.
Experiment börjar med verkliga kombinationer av händelser, intervall, kategorier och berättelser tillsammans med avsiktligt begränsade skärmstorlekar. Visuella idéer går in i den gemensamma modellen när de förtydligar tolkning och bevarar underliggande fakta.
Berättande experiment körs mot fungerande data från början. Validering och publiceringskontroller bevarar faktastrukturen medan presentationen fortsätter utvecklas.