Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pjbrof/d3-timeline
d3js Timeline
https://github.com/pjbrof/d3-timeline
d3js d3v4 gantt timeline
Last synced: 5 days ago
JSON representation
d3js Timeline
- Host: GitHub
- URL: https://github.com/pjbrof/d3-timeline
- Owner: pjbrof
- License: mit
- Created: 2017-06-01T03:36:01.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-12-17T01:32:37.000Z (almost 6 years ago)
- Last Synced: 2024-08-01T12:32:24.434Z (3 months ago)
- Topics: d3js, d3v4, gantt, timeline
- Language: JavaScript
- Homepage: https://pjbrof.github.io/d3-timeline/
- Size: 71.3 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-starred - pjbrof/d3-timeline - d3js Timeline (others)
README
# d3-timeline
Simple d3v4 Timeline
![alt text][logo]
[logo]: https://github.com/pjbrof/d3-timeline/blob/master/img/d3-timeline.png "d3 Timeline Demo"
I built this timeline to display my work history which has been an overlapping mess making my resume dates look practically incomprehensible.
Check out these other great d3 timelines. Neither of these fit my immediate needs hopefully one of these three will suit yours. Happy coding! 😆
* [https://github.com/jiahuang/d3-timeline](https://github.com/jiahuang/d3-timeline)
* [https://github.com/commodityvectors/d3-timeline](https://github.com/commodityvectors/d3-timeline)
## Install
__npm__
```sh
$ npm install
```## Run
__gulp__
```sh
$ gulp
```## Usage
```html
```Edit `history` with your own start date, end date, and color of the line (hex format), default is black \#000
`present` is reserved for ongoing dates.
```javascript
var timeline = {
"timeline": "one",
"children": [
{
"startDate": "2012-08",
"endDate": "present",
"color": "#000000"
}
]
};
```External JSON and Excel support for using TSV or CSV coming soon.
## License
[MIT License](LICENSE)