Skip to content
An SVG timeline thing in react.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
dist added css to build Nov 13, 2015
.gitignore updated package,gitignore Nov 16, 2015
README.md
index.html init Nov 10, 2015
package.json
webpack.config.js some styles Nov 12, 2015

README.md

About

SVG Timeline built in react. For showing dates on a line.

Takes a simple set of data like this:

const dates = [
  {
    date: '2013-06-16',
    name: 'Referral date'
  },
  {
    date: '2015-02-16',
    name: 'Some rando date'
  },
  {
    date: '2015-02-16',
    name: 'Another thing'
  },
  {
    date: '2015-10-01',
    name: 'Current shipping date'
  }
]

/* … inside a react component's render render() … */

<TimelineComponent data={ dates }/>

Looks like this:

image of timeline component in browser

The name of the event(s) show up when you hover over the dots.

Purpose

I needed it. Couldn't find anything else like it. Didn't really publish something open source in a long time.

Running

npm run dev

License

MIT

You can’t perform that action at this time.