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)