lizard-ui-timeline

A timeline component for use in Lizard.

Uses D3.js' range/domain functions. React is used to render the SVG elements.

Installation

With Yarn:

$ yarn add lizard-ui-timeline

or npm:

$ npm install lizard-ui-timeline

Usage

import React, { Component } from "react";
import { Timeline } from "lizard-ui-timeline";


class App extends Component {
  render() {
    return (
      <div className="App">
      	<Timeline 
      		fromDate={}
      		toDate={}
      		...
      	/>
      </div>
    );
  }
}

export default App;

Props

• fromDate: date, optional (default: 1-1-1970) - start of temporal extent
• toDate: date, optional (default: current datetime) - end of temporal extent
• windowFromDate: date, optional - start of temporal aggregation
• windowToDate: date, optional - end of temporal aggregation
• isActive: boolean, optional (default: true)
• play: function, optional
• pause: function, optional