https://github.com/coleturner/react-timespan
Timeline component with gallery view and scrolling time plots.
https://github.com/coleturner/react-timespan
javascript react timeline
Last synced: over 1 year ago
JSON representation
Timeline component with gallery view and scrolling time plots.
- Host: GitHub
- URL: https://github.com/coleturner/react-timespan
- Owner: coleturner
- License: mit
- Created: 2017-06-15T00:16:34.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2023-01-12T09:52:39.000Z (over 3 years ago)
- Last Synced: 2025-03-19T03:37:16.415Z (over 1 year ago)
- Topics: javascript, react, timeline
- Language: JavaScript
- Homepage: https://colepatrickturner.github.io/react-timespan
- Size: 8.81 MB
- Stars: 47
- Watchers: 0
- Forks: 16
- Open Issues: 13
-
Metadata Files:
- Readme: README.MD
- License: LICENSE
Awesome Lists containing this project
README
# React Timespan
A neat timeline component that displays a gallery of activities with a pannable plot.
## How to use
## API
The display precision is based on year, which is a large unit. Sorting precision is down to the millisecond.
```
import Timeline from 'react-timespan';
const activities = [
{
name: 'Cole Turner',
start: '1991-02-24',
url: 'http://cole.codes/',
body: 'As a baby I was born because something about birds and bees.',
image: 'http://...'
},
{
name: 'The Year I Wrote This',
start: '2017-01-01',
end: '2017-12-31',
url: 'http://cole.codes/',
body: 'Truly I made this for my portfolio and decided to sh are.',
image: 'http://...'
}
];
```
[A SASS stylesheet is included separately](stylesheet.scss)...
## Make it better
I decided to share this because I am fond of the end result and hope it will inspire a pull request to make it better.
Pull requests are warmly welcomed.
## Contributors
Cole Turner