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

JavaScript Bullet Graph Widget

Bullet graph is the most informative way of data presentation. Widget that can be used for comparing the constantly changing value presented in the form of a moving horizontal bar with a static target value. Such visualization allows estimating the ranges of performance (e.g. poor, satisfactory, and good).

Bullet Graph live demo

Bullet Graph Key Features

Customizable properties

You can define the colors for ranges of performance to simplify the visual analysis, set the value ranges, add text labels and markers, configure the scale, bar color, etc.

Vertical Mode

You can add either a horizontal or a vertical Bullet graph whichever better fits in the layout.

Animation

The speed of animation can be adjusted by changing the value of the corresponding parameter.

Bullet chart without animation

Bullet Graph – Part of Webix UI Library

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

Bullet Graph functionality

Bullet Graph – Part of Webix UI Library

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

Other charts & visualization widgets