Generative UI
Generative UI is OpenCharts’ pattern of streaming live, interactive components — flowcharts, tables, code previews, calendars, image canvases — directly into the chat as Theo answers.
In depth
Where most chat tools render plain text, OpenCharts streams typed artifacts: a flowchart that opens in the editor, a table you can sort inline, a code sandbox with a live preview, a calendar you can edit. The artifacts coexist with the chat thread so the conversation and the deliverable are part of the same surface.
Generative UI is powered by Theo tool calls (e.g. create_flowchart, create_table, start_calendar_code) and renderers in the chat client. Each artifact card has its own follow-up actions — open, share, iterate, restyle.
Examples
- Streaming flowchart card
- Inline editable table
- Live Sandpack code preview
Also known as
Want to put this concept to work in OpenCharts?
See Generative UIRelated terms
Tool Call
A tool call is a structured action Theo invokes during a response — like create_flowchart, send_email, or db_run_sql — that produces a real artifact or side effect, not just text.
Artifact
An artifact is any concrete deliverable Theo produces — a flowchart, deck, document, table, podcast, movie, code project, calendar, image, or video — surfaced as an interactive card in chat.
Theo AI
Theo AI is the OpenCharts assistant — a multi-mode, multi-modal agent that creates flowcharts, whiteboards, notes, presentations, code, podcasts, movies, and more from a single chat.