Create interactive charts and presentation slides from data screenshots

Turn data screenshots into interactive charts, graphs, and presentations slides using Claude Artifacts.

In this tutorial, we’re going to go from screenshots of data to interactive data visualizations and presentation slides using Claude Sonnet 3.5 and Artifacts.

Artifacts is the new Feature Preview that launched with Anthropic’s new model, Claude Sonnet 3.5. It offers one of the best coding experiences with an LLM chatbot.

Not only does it output code, but it also lets you view the rendered, interactive version of your code without leaving your chat window. Creating data visualizations and presentations has never been easier.

Steps we’ll follow in this tutorial:

  • Step 1: Enable the Artifacts feature
  • Step 2: Upload screenshots of graphs to generate JSON
  • Step 3: Combine data into one chart
  • Step 4: Turn data into a presentation
  • Step 5: View, download, and copy the presentation
Get all access with Pro
What's included in your Ben's Bites Pro membership:
A network of like-minded peers through private community discussions
400+ courses & tutorials
Live and recorded expert workshops
Deals on AI tools ($6k+ value)
Certifications for completed courses
30-day no questions asked refund
Sign up for pro today ->