azeós azeós - 3 years ago 114
Javascript Question

Draw simple timeline with D3

This is what I'm trying to accomplish:

Timeline

In this example, I have a starting date (1º Jun 2011), an ending date (1º Jul 2012) and multiple events between this range.

Each event is related to one day of the calendar (although it is possible to have many events on a single day).

This data is fetched from a MySQL DB.

Any help or suggestion will be highly appreciated.

Answer Source

I recently had to do something similar. I ended up writing a d3 plugin that could handle this case among a few others. https://github.com/jiahuang/d3-timeline

enter image description here

enter image description here

enter image description here

enter image description here

I'm pretty new to D3 as well, but I hope it's useful.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download