https://github.com/yotamberk/timeline-plus

Timeline - chronological visualization of your data
https://github.com/yotamberk/timeline-plus

chart charting-library chronology data-graph data-visualization datavisualization graphs javascript timeline timelinejs visualization

Last synced: 2 months ago
JSON representation

Timeline - chronological visualization of your data

• Host: GitHub
• URL: https://github.com/yotamberk/timeline-plus
• Owner: yotamberk
• License: mit
• Archived: true
• Created: 2018-03-31T16:57:07.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-11-09T18:47:49.000Z (about 5 years ago)
• Last Synced: 2024-08-01T12:32:22.627Z (5 months ago)
• Topics: chart, charting-library, chronology, data-graph, data-visualization, datavisualization, graphs, javascript, timeline, timelinejs, visualization
• Language: JavaScript
• Homepage:
• Size: 4.24 MB
• Stars: 137
• Watchers: 16
• Forks: 36
• Open Issues: 40
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-starred - yotamberk/timeline-plus - Timeline - chronological visualization of your data (data-visualization)

README

        
# DEPRECATED: This project has been deprecated! All the features have been moved to [vis-timeline](https://github.com/visjs/vis-timeline) (released in > v6.0.0) and is now maintained only there. 

### Feel free to check that project out and to submit [issues](https://github.com/visjs/vis-timeline/issues) \ [pull requests](https://github.com/visjs/vis-timeline/pulls) there.

# Timeline

Based on vis.js Timeline (v4.21.0) - [https://github.com/almende/vis.git](https://github.com/almende/vis.git).

The vis.js library was initially developed by [Almende B.V](http://almende.com).

The last few years, the timeline module has been maintained mainly by me. Due to lack of support in the other modules of vis, I decided to branch off and seperate this module to my own project where I can procceed the great work that has been done there, and update fixes, feature requests and versions more often with no dependency of the other modules in vis.

I intend to add features and fixes that are to my concern for my own projects. I will accept feature requests and merge requests, but will not prioritize them if not to my interest.

## Install

Install via npm:

    $ npm install timeline-plus

    

Or include the files via unpkg: 

[https://unpkg.com/timeline-plus/dist/timeline.js](https://unpkg.com/timeline-plus/dist/timeline.js). 

and

[https://unpkg.com/timeline-plus/dist/timeline.css](https://unpkg.com/timeline-plus/dist/timeline.css).

## Basic Example

A basic example on loading a Timeline is shown below. More examples can be

found in the [examples directory](https://github.com/yotamberk/timeline/tree/master/examples)

of the project.

```html

  Timeline basic demo

  

  



  var container = document.getElementById('timeline');

  var data = [

    {id: 1, content: 'item 1', start: '2013-04-20'},

    {id: 2, content: 'item 2', start: '2013-04-14'},

    {id: 3, content: 'item 3', start: '2013-04-18'},

    {id: 4, content: 'item 4', start: '2013-04-16', end: '2013-04-19'},

    {id: 5, content: 'item 5', start: '2013-04-25'},

    {id: 6, content: 'item 6', start: '2013-04-27'}

  ];

  var options = {};

  var timeline = new timeline.Timeline(container, data, options);

```