As can be inferred from the semantic versioning, v1.0 has not yet arrived, so do not treat the library yet as if it could be used in production.

eon-timeline

A flexible timeline solution.

Docs • Example • Key Features • How To Use • Roadmap • License

Key Features

• Simplicity: This library will just render timeline lanes, and ocurrences. You can extend the library to create your own timeline experience.
• Flexibility: The main target of this library, allow you to create your own timeline experience.
• Headless: Core package contains logic to compute ocurrence status, and a DOM adapter to transform that status to valid CSS position.
• Pre-built components: Even the core being headless, you can use pre-built components to save time.
  • Currently only React (@eon-timeline/react) is supported, Vue and Svelte are in the roadmap.
• Update timelines in real-time: Add, remove and update ocurrences from timelines.
• Virtualized time navigation: Pans timeline left and right to view past or future (respectively). DOM adapter will just take care of visible ocurrences, so you can store thousands of ocurrences.

Coming soon features.

How To Use

Check Quick start guide.

Roadmap

v1.0.0

• Timeline manager:
  • Basic range and ocurrence status computation.
  • Add, update and remove ocurrences.
• Timeline DOM adapter:
  • Sync range between multiple timelines.
  • Transform timeline ocurrences status to DOM position.
  • Virtualize ocurrences.
  • Support responsible.
  • Support gestures; navigate through times using pan gesture.
  • Dynamic add/remove timelines.

v1.1.0

• Svelte pre-built component.
• Vue pre-built component.
• Enhance ocurrences support:
  • On ocurrence add/update/remove.
  • On timeline add/remove.
  • On range change/changed.

Support

If you think eon-timeline is helpful, or my work is valuable, consider buying me a cup of coffee. ❤️

License

MIT

---

GitHub @enriquebv  ·  Twitter @enriquedev_