DevExtreme JavaScript Chat Meets DevExpress BI Dashboard — AI-powered Data Analysis
In this post, I'll describe how you can leverage the capabilities of the DevExpress JavaScript Chat (dxChat) component and incorporate an AI Assistant within the DevExpress BI Dashboard. As you'll see below, thedxChat component is connected to Open AI hosted in Microsoft Azure and uses the Assistants API for data analysis purposes (users can analyze dashboard data conversationally).
How It Works
When the DevExpress BI Dashboard loads (or whenever data changes), it automatically exports aggregated data to a temporary data snapshot. Behind the scenes, the AI Assistant processes Dashboard exports (triggered by each data update), sends updated files to the OpenAI Assistant, and generates real-time responses to user queries based on Dashboard data. The implementation follows the "bring your own key" principle, requiring an active OpenAI or Azure OpenAI subscription to access the AI service.
Implementation Details:- Custom Dashboard Item: The AI assistant is implemented as a custom web Dashboard item using the
dxChatwidget. You can add it from the toolbox, like any other Dashboard item. - Context-Aware Responses: The AI Assistant reviews/analyzes displayed data. Changes to Dashboard parameters, filters, or data sources automatically refresh the Assistant context.
- Dynamic Data Interaction: Click “Select Widget” in the chat header to narrow the Assistant’s focus to a single Dashboard element.
Review our GitHub Example
To review our implementation and try it at your own pace, visit our GitHub repository, where you’ll find:
- Source code and setup instructions
- Custom Dashboard item implementation
- Azure OpenAI integration
GitHub Repository — DevExpress BI Dashboard for ASP.NET Core — Azure OpenAI-based AI Assistant
Share Your Feedback
We appreciate your continued support and enthusiasm for DevExpress tools. If you have any questions or would like to discuss AI-related integration needs, please submit a support ticket via the DevExpress Support Center.
Free DevExpress Products - Get Your Copy Today
Dmitry Tokmachev (DevExpress)