How to Create Interactive Charts and Diagrams in Claude AI

OpenAI introduced Interactive Visuals in ChatGPT for Math and Science, which allows users to generate an interactive visual module that users can directly manipulate in the chat. A powerful feature. However, Anthropic saw that and launched interactive charts and diagrams in Claude for all users (including free).

What the Update Actually Does

The new feature is available across Claude's web and desktop applications, and notably, it extends to all users, including those on the free tier. That's not a small detail. Anthropic views this as a core part of the Claude experience rather than a power-user add-on, offering free access to visual AI tools and also a way to attract ChatGPT users.

The feature allows Claude to render charts, diagrams, and other visual content in real time during a conversation. But the more interesting part is how these visuals behave once created: you can manipulate and interact with them, which is helpful when learning new concepts. Users can issue follow-up prompts, and the visualizations develop accordingly, responding to new instructions, data changes, or changes in framing within the same conversation thread.

Key Features and Capabilities

• In-chat rendering: Charts and diagrams appear directly in the conversation window, without you needing to export to third-party tools or copy-paste code into a separate environment.
• Interactive and iterative: Visuals respond to follow-up prompts, allowing users to refine, expand, or completely reframe a diagram without having to start over.
• Format-aware intelligence: According to product lead Adam Feldman, Claude now selects the most appropriate output format (text, visual, or a combination) based on the nature of the task. The model decides when a chart serves the user better than a paragraph.
• Broad availability: The feature is live for all users, including those on Anthropic's free plan, on both web and desktop platforms.
• Creative and professional range: Use cases span from mapping city logistics and puzzles to charting career progression paths, including playful ones like a 'Happy Friday' career path showing flexibility across serious and informal contexts.

Here's how to create interactive charts and diagrams in Claude:

Visit Claude.ai and enter one of the following demo prompts to test this feature.

Demo prompt:

• How does weight actually travel through a building from the roof all the way down to the ground? I need to see the load path visually.
• There's a vacant lot in my neighborhood that I walk past every day, and I keep imagining what it could be. Before I design anything, I want to understand the light. Can you build a tool that shows how shadows move across the lot throughout the day?

• I'm graduating next week!! I keep thinking about how this all started with a shadow study on a vacant lot. 340 neighbors came out to share feedback, and the city just added the site to their parks development list. Can you visualize the whole journey?
• I have learned that the larger an object's mass, the stronger its gravitational pull. Can you build a tool that shows how gravity works as the mass increases?

Editor's note:

The new interactive charts and diagrams in Claude are a great addition, and using this feature made me fall in love with it. It is rare for me to try a new AI tool and enjoy it instantly. Interactive charts and diagrams in Claude can be a game-changer, especially for students, teachers, professionals, and even casual lifelong learners, as it doesn't focus on particular subjects but covers a wide range of everyday tasks and even fun things users might want to visually learn and explore.