Public · Information modeling

Timeline

A workspace for constructing timelines from point events, ranges, categories and linked stories so a temporal sequence can become a structured, navigable explanation.

Niche
Timelines combining dates, relationships and narrative
Core stack
Static web application · responsive design
Model
Events · ranges · categories · stories
Focus
Narrative structure · navigation · publishing

System view

Events · rangesCategoriesStoriesNarrative workspace

The study

A useful timeline connects dates with duration, category and interpretation.

Timeline is aimed at research, project history and other domains where point events, sustained periods, overlapping categories and an editorial story connecting those facts all need representation.

System structure

The model separates temporal facts from the narrative assembled from them.

Events and ranges

Point facts and duration ranges retain distinct temporal semantics.

Categories as a lens

Classification lets a chronology be explored by theme while preserving the common temporal order.

Linked stories

A story selects and relates facts while preserving the source data as its own layer.

Responsive workspace

The same structure remains readable from a phone to a wide desktop view.

Product and interaction design

The product distinguishes recording, organizing and interpreting.

A user can capture events, group them by category and then construct a story from them. That separation keeps factual records explicit and gives narrative prose its own layer.

The interface uses available horizontal space and preserves linear reading and editing on narrow screens, giving chronology a clear structure across viewport sizes.

Development approach

The design process alternates between two views of the same material: strict chronology and the story a person is trying to tell with it.

Experiments begin with real event, range, category and story combinations, together with deliberately constrained screen sizes. Visual ideas enter the shared model when they clarify interpretation and preserve the underlying facts.

Narrative experiments run against working data from the start. Validation and publishing checks preserve factual structure while the presentation continues to evolve.

Back to first case study: Slipmat