Chart Widgets for Dashboards
JavaScript Chart Types
Chart Widgets for Dashboards
Chart Widgets provide smaller and simpler chart views for many different chart types ideal for use in dashboards. Widgets are optimized for glanceable data visualization including custom chart indicators, gauges, label charts, label typography and more.

Uses the BarColumn widget object to demonstrate a few features and styling options.

Demonstrate different value, icon, and label positions with Circular widgets.

An example using a Circular widget with multiple values to show progress.

Animated Circular and Linear widgets that demonstrate automatic text animation with live data updates.

Use Circular, Linear, and BarColumn widgets on gradient backgrounds.

Demonstrate different value, icon, and label positions with Linear widgets.

Area chart widget highlighting day on hover using a translucent crosshair.

Area chart widget highlighting category axis columns and axis tick labels.

Area chart widget with highlight styling and axis inside the chart.

Animated widget using a colorized axis line with point value color sync.

Circular gauge icon and value widgets with vertical and horizontal layouts.

Circular Gauge widgets with KPI value change indicator arrows.

Circular gauge icon and value widgets with different styles and smartPalette.