❤
npm
Sign UpSign In

ea-timeline

0.1.0 • Public • Published

ea-timeline

npm (scoped) Dependency Status devDependency Status Build Status

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

alt tag

TODO

Credits

Inspired by

License

MIT

Readme

Keywords

Package Sidebar

Install

npm i ea-timeline

Repository

github.com/sebastiankr/ea-timeline

Homepage

github.com/sebastiankr/ea-timeline

Weekly Downloads

0

Version

0.1.0

License

MIT

Last publish

Collaborators

  • sebastiankr
Try on RunKit
Report malware