A reusable timeline component built on top of D3, d3Kit and Labella.js

View source for implementation, or visit the github page.

Left & right directions

Use .resizeToFit() to set compact size

If the direction is left or right, it will set the width automatically. If the direction is up or down, it will set the height automatically.

Up & down directions

With custom scale and domain

With custom text style