https://github.com/mxamber/TimelineTool

Simple timeline creator implemented in HTML & JavaScript.
https://github.com/mxamber/TimelineTool

html-css-javascript json timeline

Last synced: 5 months ago
JSON representation

Simple timeline creator implemented in HTML & JavaScript.

• Host: GitHub
• URL: https://github.com/mxamber/TimelineTool
• Owner: mxamber
• License: mit
• Created: 2021-08-30T16:20:06.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-08-30T17:08:22.000Z (over 3 years ago)
• Last Synced: 2024-08-01T22:00:58.043Z (9 months ago)
• Topics: html-css-javascript, json, timeline
• Language: JavaScript
• Homepage:
• Size: 10.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• project-awesome - mxamber/TimelineTool - Simple timeline creator implemented in HTML & JavaScript. (JavaScript)

README

        
# TimelineTool

Create, edit, import, export simple timelines in a minimalistic browser application. Exports/imports to/from JSON. GUI includes controls for setting timeframe and zoom factor, as well as adding and deleting events, and import/export of the entire timeline.

Events have the following properties:

* ID

* title

* description ~~(not used currently)~~

* date

* colour

![A simple timeline depicting a few key dates around the production of the first Star Wars prequel. It shows both events with single days, i.e. the beginning of writing, as well as longer timespans, i.e. the entire duration of pre-production, a range which contains multiple single-date events. At the top, there is UI for adding and removing events, zooming, and title.](https://github.com/user-attachments/assets/b5a4100c-0bca-41a9-adb4-d98bf4aacd6f "The example timeline")

## Roadmap

* improved display (avoid overlap)

* multiple lanes / channels for events

* ~~timespans (from/to/title) e.g. "Easter holidays" or "vacation"~~ (rudimentarily implemented September 2024)