Dashboards & Charts
Build custom dashboards by chatting with Kai or dragging data sources onto your workspace. No coding required.
Creating charts
Section titled “Creating charts”There are two ways to create visualisations in Konnect.
Method 1: Ask Kai
Section titled “Method 1: Ask Kai”The easiest way. Ask Kai to create a chart and it will query your data and generate the visualisation automatically.
Step-by-step:
- Open the chat panel (or switch to Chat mode).
- Type a request — e.g.,
Create a line chart of temperature readings for the last 4 hours. - Press Enter.
- Kai queries the data and generates the chart.
- The chart appears both inline in the chat and on the active dashboard tab.
Example requests:
Show production output per shift as a bar chartBuild a dashboard with OEE, throughput, and defect rateCreate a gauge showing current motor temperature
Method 2: Drag and drop
Section titled “Method 2: Drag and drop”Drag a data source item from the left panel onto the dashboard workspace.
Step-by-step:
- Expand a data source in the left panel to see its tables, MQTT topics, or OPC-UA tags.
- Click and drag an item onto the dashboard workspace.
- Konnect creates a default visualisation for that data.
- Click the chart to cycle through different chart styles.
Chart types
Section titled “Chart types”Konnect supports the following chart types, powered by ECharts:
| Chart | Best for |
|---|---|
| Line chart | Time-series data, trends |
| Bar chart | Comparisons, categories |
| Scatter plot | Correlations, distributions |
| Gauge | Current values, KPIs |
| Pie chart | Proportions, breakdowns |
| Area chart | Cumulative values |
| Heatmap | Density, patterns |
| Table | Raw data display |
Tip: Click on any chart to cycle through different visualisation styles. Konnect remembers your preferred chart types per data source.
Dashboard tabs
Section titled “Dashboard tabs”Organise your visualisations into multiple tabs.
Step-by-step: Creating a new tab
- Click the + button next to the existing tabs.
- A new tab is created with a default name.
- Double-click the tab name to rename it (e.g., “Production Overview”, “Quality Metrics”).
Tab management:
- Rename — Double-click a tab name.
- Reorder — Drag tabs to change their order.
- Duplicate — Right-click a tab and select “Duplicate”.
- Delete — Right-click a tab and select “Delete”.
Example tab setup:
| Tab | Contents |
|---|---|
| Production Overview | OEE gauge, throughput line chart, output bar chart |
| Quality Metrics | Cp/Cpk gauge, defect rate trend, SPC chart |
| Energy | Power consumption line chart, cost breakdown pie chart |
| Alarms | Active alarms table, alarm frequency heatmap |
Dashboard persistence
Section titled “Dashboard persistence”Dashboards are automatically saved. When you restart Konnect, your dashboard layout, tabs, and chart configurations are restored exactly as you left them.
Modifying charts with Kai
Section titled “Modifying charts with Kai”You can ask Kai to modify your existing dashboards:
Move the temperature chart to a new tab called "Energy Monitoring"Change the bar chart to a line chartAdd a title to the OEE gaugeRemove the scatter plot from the current tab
Exporting
Section titled “Exporting”PDF reports
Section titled “PDF reports”Export chat conversations with inline charts as formatted PDFs:
- Have a conversation with Kai that includes data and charts.
- Click Export PDF in the chat toolbar.
- Save or share the generated report.
Data export
Section titled “Data export”Ask Kai to export query results:
Export the last query as CSVSave the production data as JSON
Next steps
Section titled “Next steps”- Data Sources → — Connect more databases to build richer dashboards.
- MQTT Integration → — Add real-time MQTT data to your dashboards.