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.
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.
| Component | Description |
|---|---|
| Data Grid | Tabular data display and handling. |
| Pivot Grid | OLAP drilldown data display. |
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.
| Component | Description |
|---|---|
| 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.
| Component | Description |
|---|---|
| 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.
| Component | Description |
|---|---|
| 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 range input. |
Navigation
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.
| Component | Description |
|---|---|
| Navigation Menu | Navigation bar. |
| Breadcrumbs | Navigation element for OLAP data. |
| Tree View | A tree-view navigation selection component. |
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.
| Component | Description |
|---|---|
| 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.
| Component | Description |
|---|---|
| Map | Geographic map. |
| Map (External APIs) | Map component featuring Google Maps. |
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.
| Component | Description |
|---|---|
| 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.
| Component | Description |
|---|---|
| Financial Chart | International financial charting component; OHLC, Line, Candlestick, Mountain, Heikin Ashi, Kagi, and over 20 technical indicators and user annotation support. |
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).
| Component | Description |
|---|---|
| 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. |
| Action Tracker | A self-contained alerting and management component. (KX Dashboards on Platform only) |
| Report Manager | Build custom reports and report templates, set permissions, and run reports. (KX Dashboards on Platform only) |
| Config Manager | Custom alert parameter management. (KX Dashboards Direct only) |
| Server Status | Displays connectivity status of a server in the dashboard. (KX Dashboards on Platform only) |
| 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. |
| 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.