Visual and Interactive Content

What it is

Claude can answer with inline visuals instead of (or alongside) plain text — weather cards, recipe cards, sports scores, interactive inputs, and custom-built diagrams and charts. You don’t toggle any of this on; Claude decides when a visual will read better than prose.

Two flavours:

Data widgets — pre-built formats backed by real data (weather, recipes). Need web search on.
Custom visuals (beta) — diagrams, charts, and interactive elements Claude generates from scratch using HTML, shaped to your specific question.

Where to find it

On desktop

Any chat. Ask about weather, recipes, sports, or ask for a diagram/chart.
Web and desktop only — mobile renders these as plain text.

On the web

Same. Works on claude.ai in any chat.

How to use it

Data widgets (weather, recipes)

Make sure web search is enabled.
Ask naturally: “Should I bring an umbrella today?” / “Best chocolate-chip cookie recipe?”
Claude renders the widget. Recipe cards let you change serving size or units, or hit Get cooking for step-by-step.

Weather is powered by Google Maps; recipe images by Bing.

Sports

Ask about a league Claude supports (NFL, NBA, NHL, MLB, WNBA, MLS, NCAA football and basketball, EPL, La Liga, Serie A, Bundesliga, Ligue 1, Champions League, tennis, golf, NASCAR, cricket, MMA). Claude returns scores, standings, and game stats — as text for now, not as a visual widget.

Interactive inputs

Sometimes Claude needs more info before answering. Instead of making you type, it’ll show multiple-choice buttons, multi-select chips, or a ranking interface right in the chat. Click through them — or just type a response, you always can.

Custom visuals (beta)

You don’t turn this on. Ask for a visual and Claude will build one:

“Show me how this process works” → flowchart.
Upload a CSV, ask “What does this show?” → interactive chart.
“Help me decide between option A and B” → side-by-side comparison.
“Visualise this system” → a diagram alongside the explanation.

You can click, adjust sliders, expand to full screen, and ask Claude to iterate: “make the chart monthly”, “add a third option”.

Keeping a custom visual

Custom visuals are ephemeral by default — more whiteboard sketch than file. To keep one:

Copy as image — snapshot for slides or notes.
Download — save as .svg or .html.
Save as artifact — promote it to a full Artifact you can publish and iterate on.

Good to know

Mobile is text-only for weather and recipes. Custom visuals don’t render on iOS, Android, or in Cowork sessions.
Shared chats render custom visuals only on web and desktop, and the recipient must be logged in.
Smarter = better for custom visuals. Opus handles complex visualisations best.
Personalisation sticks. Tell Claude “make all my visualisations pink” once and it’ll remember.
Iterate in chat like you would with text — “make it monthly”, “add a legend”.
If you wanted a visual and got text, rephrase with intent: “show me a diagram of…” or “chart this for me”.

What’s changed recently

2026-04-18 — Page created from official help-center article.