Explore Dashboard Components

This page provides an introduction to the components that can be added to your Dashboards.

KX Dashboards supports over 40 components, which can be added to your dashboards. When you start KX Dashboards you are greeted with sample dashboards showcasing many of these components. For example, the following example includes a Navigation Menu, Data Grid, ChartGL, Radar Chart, Canvas Chart, Text.

Demo Dashboard

Components

KX Dashboards provides pre-installed components providing out-of-the-box functionality while custom components allow for complete extensibility. These components are organized into categories described in the following sections.

Grids

Grid components are structured, tabular elements for viewing and interacting with row-and-column data. The Data Grid handles flat tables; the Pivot Grid adds OLAP-style drill-down and aggregation for multi-dimensional analysis.

Charts

A suite of charting widgets spanning 2D and 3D visualizations. From basic Canvas Charts (line, bar, boxplot, etc.) to hardware-accelerated WebGL (ChartGL) and full 3D views, plus specialized forms like Pie, Radar, Gauge, and high-density financial plots.

Chart components

ChartGL	Hardware accelerated charts using WebGL; supports line, bar, bubble, waterfall, bounds, candlestick, heatmap and baseline charts.
Pie Chart	Circular statistical graphic.
Radar Chart	2D multivariate data graphic.
Canvas Chart	Basic line, bar, bubble, candlestick, violin, boxplot and waterfall charts.
3D Chart	3D charting (with highlight rule support for 4D); dot, surface, bar, grid and line charts.
Gauge	Gauge chart.

Layout

Layout components provide containers and panels that organize the visual arrangement of components. Includes flexible split-panels, tab sets, accordions, overlays, and generic layout panels to build responsive, modular dashboards.

Layout components

Layout Panel	Container for components.
Flex Panel	Flexible, two-component container.
Tab Control	Tabbed component container.
Accordion	Collapsible component container.
Overlay Panel	Container to overlay components.

Inputs

Input components provide form and control elements for parameter entry: structured query forms, drag-and-drop form builder, conventional text/number/date inputs, selectors (dropdowns, radio/checkbox), and even Text-to-Speech for accessibility.

Input components

Data Form	Input display for query parameters; text, dropdown and date picker selectors.
Form Builder	Create a custom form for users.
Drop Down List	Single or multi-select dropdown component.
Button	Single button supporting multi-action select.
Text Input	A text input component.
Text	WYSIWYG text editor with HTML support.
Text to Speech	Converts text to audio.
Selection Controls	Radio or check-box selection control.
Date Picker	Date or date-time input.
Date Range Picker	Date rate input.

Navigation components provide menus and tree-style widgets for moving through application sections or OLAP hierarchies. Includes top/bottom navigation bars, breadcrumb trails for drill-through, and expandable tree views for complex category schemas.

Data

Data components provide interactive filters, visual query builders, and controls for slicing, paging, uploading, and playing back data streams. These let analysts construct queries without code, page large sets, and step through time-series or media content.

Data components

Data Filter	User generated queries; text and dropdown filters (no coding required).
Visual Query Builder	Graph-based visual query builder; support for multi-data sources with update, group-by, join, filter and custom functions.
Editable List	A custom dropdown menu.
Range Slider	A data range selector; interval or time.
Playback	A multi-control stream player suitable for video content, interval or time sequence data playback.
Upload	Upload a file to, or download from, a server.
Pager	Custom paging to control the amount of data to display in a component.

Maps

Map components provide geospatial viewers embedding vector/raster maps via built-in components or external APIs (Google Maps, Mapbox). These are useful for plotting location-based data, heatmaps, and overlays of geo-referenced datasets.

Visuals

Visual components provide specialized graphics for hierarchical and network data: treemaps, sunbursts, graph/network maps, Sankey flows, bipartite connectors, and Vega-powered custom visuals. These are ideal for showing relationships and tree-structured metrics.

Visual components

Treemap	Treemap or heatmap data graphic.
Sunburst	Sunburst (ring/doughnut) chart for hierarchical data.
Graph	Network/Flow relationship map.
Sankey	A flow diagram.
Bipartite Chart	A chart of two independent data sets, with relationship connections between the data sets.
Vega Chart	Support for Visualization Grammar charts.

Financials

Financial components provide dedicated charting constructs for market data: OHLC/candlestick charts, technical indicators (VWAP, Kagi, Heikin-Ashi), annotations, and volume overlays. Built for traders and quants to analyze time-series price movements.

Other

Other utility and “plus” components such as: trading panels (TWAP/VWAP), contour plots, blob/file download, alert trackers, report/config managers, embedded code editors, video, external content embeds, plus advanced geospatial (Luna) and domain-specific integrations (ChartIQ, KX).

Other components

Trade	Add a Forex trade panel with TWAP and VWAP support and tick updates.
Contour	Add a contour graphic; plotting 3D data in 2D.
Blob Download	Download files from byte array in database.
Bitmap	Bitmap generated chart.
Video	Add video content to a dashboard.
Analyst Visual	Embed a KX Developer graphic into a chart.
Code Editor	Embeddable code editor with support for `json`, `plaintext`, `handlebars`, `html`, `java`, `javascript`, `markdown`, `python`, `r`, `sql`, `typescript`, `xml`, and `q`.
Mapbox	Map component with 3D overlay driven by Mapbox.
ChartIQ	Integration of chartIQ financial charts. This requires a separate license.
External Content	Embed web page content
Scatter	Add a quartet or matrix graphic.
Luna	A high-performance temporal geospatial visualization graphic.

Custom

You can also create custom components. Refer to Dashboards SDK for details.

Navigation Menu	Navigation bar.
Breadcrumbs	Navigation element for OLAP data.
Tree View	A tree-view navigation selection component.

Map	Geographic map.
Map (External APIs)	Map component featuring Google maps.

Data Grid	Tabular data display and handling.
Pivot Grid	OLAP drilldown data display.