Webix Javascript Timeline Widget

This is a widget for creating scalable infographics. Timeline is very useful for displaying logs, highlights, and minimalist roadmaps. You can define colors, configure the content and position of timeline points, load and process data within it.

live demo

  • Integration: jQuery, Angular, React, Vue.js, Backbone
  • Support of All Modern browsers
  • Works on Touch Devices
  • Meets Section 508
  • Quick styling with CSS

Other Webix widgets for planning tasks:


The Timeline widget is a ready-made solution for displaying elegantly simple infographics. You can adapt every part of the widget and configure user interaction with them.

Changing the look and content

You can configure text labels of every Timeline point with templates and apply you CSS to any part of the widget.

Timeline types

You can choose one of the three available types of arranging timeline elements: left, right, and alternate.

Click tabs to see all types.

Horizontal Layout

Timeline data can be organized as a horizontal layout.

Click tabs to see all types.

Timeline API

Timeline has the API for data operations, such as adding, updating, removing, filtering, and sorting points.

Click 'Start' to start log writing.