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).

Download JS Bullet Graph

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.

Create rich user interfaces with Webix UI library

Download Free Trial

JavaScript Bullet Graph (Chart) UI widget

Customizable properties

Vertical Mode

Animation