Automated UI generation

Alan AI enables you to dynamically create UI elements from JSON data in real time. When data visualization or a specific action from the user is required, Alan AI can generate UI elements on the fly and present them in the appropriate format. This provides a more interactive and responsive user experience in the Alan AI Chat.

How UI element generation works

To generate UI elements in response to user queries, Alan AI leverages the dynamic corpus, transforms and the createUI() function:

  1. The Action Transformer analyzes the user interactions and dialog context to determine the most appropriate UI element for presenting the data.

  2. The AI agent uses the query transform to retrieve JSON data from the data provider.

  3. The JSON data is passed to the output transform and createUI() function that process the data and generate the output in the required format.

  4. The generated UI element is rendered and presented in the Alan AI Chat, offering an interactive user experience.

UI element types

Alan AI allows generating the following UI elements:

Charts

Learn how to generate charts based on real-time data to visualize trends, performance or metrics.