ea-timeline
v0.1.0
Published
Reactive timeline/gantt chart using D3
Downloads
4
Readme
ea-timeline
Reactive timeline/gantt chart using D3.
Features
- Easy to update with new data
- Automatically scrolls with time
- Resizes horizontally
Getting started
In your website
npm install ea-timeline<!DOCTYPE html>
<html>
<head>
...
<script src="node_modules/build/ea-timeline.min.js "></script>
...
</head>
<body>
...
<div id="ea-timeline"></div>
...
<script>
var data = [
{
key: 'Process 1',
values: [
{
startTime: moment().subtract(4, 'hours'),
endTime: moment().subtract(3, 'hours')
}
]
}
];
var timeline = ea.timeline({elementSelector: '#ea-timeline', data: data});
</script>For development
git clone https://github.com/sebastiankr/ea-timeline.git
cd ea-timeline
npm install
npm start
TODO
Credits
Inspired by
- https://github.com/jiahuang/d3-timeline
- https://gist.github.com/eyeseast/6407300
- http://bl.ocks.org/dk8996/5538271
License
MIT