https://github.com/funkymed/timeliner

Create and control a timeline with different layer
https://github.com/funkymed/timeliner

Last synced: about 2 months ago
JSON representation

Create and control a timeline with different layer

• Host: GitHub
• URL: https://github.com/funkymed/timeliner
• Owner: funkymed
• Created: 2019-08-16T20:31:24.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T02:18:01.000Z (about 2 years ago)
• Last Synced: 2024-10-31T17:44:33.746Z (about 2 months ago)
• Language: JavaScript
• Size: 2.86 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Timeliner

Author : Cyril Pereira

Timeliner is a component to manage a timeline.

In the example you can found a live interraction and a control of the timecode in the timeline.

You also can use callback to fire some event from blocks in the timeline.

You can use the engine without display the timeline.

## Features

- Display a timeline from a json object

- Colors the groups of blocks

- Toggle rendering timeline

- EventListner and callback on blocks

- Callback when the block is fired

![snapshot](./doc/images/capture.png)

## Install

```bash

yarn add funkymed-timiliner --save

```

or 

```bash

npm install funkymed-timiliner 

```

## Demo

The component in action : http://medcg.free.fr/tmp/npm-timeliner

### build the demo locally

```bash

yarn build

yarn start

```