Webix 11.4 Released Read More New Features in Core, Kanban & Rich Text Editor, plus a Powerful SpreadSheet Update

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.

Timeline live demo

Overview

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.

Timeline Key Features

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.

Timeline – Part of Webix UI Library

Get a 30-day free trial to test Timeline along with 100+ UI widgets, a common API, and a shared data layer for building data-driven web apps.

Timeline – Part of Webix UI Library

Get a 30-day free trial to test Timeline along with 100+ UI widgets, a common API, and a shared data layer for building data-driven web apps.