Labella.js

Labels should be beautiful.

 

Long long ago, in a computer not that far away, there was a timeline, with many points on it. A young researcher tried to annotate all those points and struggled to place labels without overlaps. Placing them manually is the last thing he wanted to do.
He spent a lot of time trying different methods without success, until he tapped into the force. Since then, whenever someone asks him how to place the labels, he simply replies, "May the force label you." However, not everybody understood his hint, so he made this library.

Play with the interactive demo below to see how Labella handles randomly generated labels with different parameters.

See a few simple examples to help you start, visit the github repo, read the documentation or checkout d3Kit-timeline.