Timeline

Timeline application is designed to help you organize, visualize, and share your life’s journey, hobbies, notes etc. With a simple and intuitive interface, you can easily add events, photos and text to your timeline, and view your data in a variety of engaging visual formats.

Timeline Demo opens the demo Menu. By clicking on a specific item, a window will open with links to the demo apps. First record of the Demo app shows the link for Running the Demo.

Timeline table structure

Timeline table data have identical structure that can reside in various databases (Google sheets, Appsheet database, Google Cloud SQL, MySQL and many more).

Timeline table columns

category: serves for filtering
date_from: starting date of the event
date_to: ending date of the event
headline: short text describing the event, mandatory
description: longer text. It can include html code
color: color name like green, blue, orange etc.
photo: link to the photo file on internet
note: short text useful as a caption for the photo
link: link to a website related to the description
address: automated map of the address data
flag: favorite records marked as Y

See the Demo data source in Google sheet

Google Appsheet is used for adding, editing and data visualisation.

Ask for enabling the app by filling the form.

The trial is limited to 100 records. If you need more, or want to discuss a customized private version, reply to the welcome email you received.

Screenshots

Sample of the Card format

Gannt Chart generated by Google Looker Studio from the source sheet

Video about Timeline for Life app navigation

The video "Timeline for Life" demonstrates a web application that presents data in a timeline format. The video shows how to navigate the application's different views and layouts.

Workflow Description by Gemini

Access Demos: The video begins on the main page of the "Timeline for Life" application. The user navigates to the "Demo" section to view examples of timelines [00:04].
Explore Timelines: The user selects a demo titled "Timeline generated by AI Footballers and Films" to see an AI-generated timeline [00:10]. A summary is displayed, including links to a demonstration and the video itself [00:12].
Navigate Cards View: The user opens the full "Demo Cards" view, where each event is shown on a separate card [00:18]. Clicking on a card, such as "University (Engineering)," displays more detailed information and an image [00:22]. The video also demonstrates how to filter the cards by searching for "ron" to find Cristiano Ronaldo's card [00:44].
Switch to Table View: The user then switches to the "Demo Table" view, which displays the same data in a spreadsheet-like format with columns for date, headline, description, and an image [00:54]. Clicking a row, like the one for "Senior Manager," opens a detailed view of that entry [01:00].
View Mobile Layout: The video concludes by showing how the application looks on a mobile device [01:04]. The user demonstrates the vertical scrolling of the "Demo Cards" view [01:10] and how to expand a card for full details [01:17], as well as the "Demo Table" view on a mobile device [01:30].

Video about creating first Timline record and sending the contents to email.

Video step-by-step workflow by ChatGPT

This video demonstrates how to create and share a timeline entry for a trip to Mongolia.

Adding a new entry: Click the "Add" button to open a form for a new timeline entry.
Filling out the form:

Set the category to "Vacation" [00:05].
Set the dates to July 28, 2025, to August 1, 2025.
Add "Trip to Mongolia" as the headline [00:24].
Paste the tour itinerary into the description [00:39].
Add "Nice trip" into the notes field [00:49].
Upload a photo of people riding horses [00:59].
Paste a sharable link to a Google Photos album into the link field [01:09].

Saving the entry: Click the "Save" button, and the new entry is added to the timeline [01:13].
Sharing the entry:

Click on the entry to see a detailed card view [01:20].
Click "Send Email" [01:25] to open a new window with a preview of the email [01:34].