• Home

  • Productivity

  • App tips

App tips

3 min read

How to use Claude Artifacts to visualize data

By Briana Brownell · November 4, 2024
A hero image with the logo of Anthropic, the makers of Claude

You can pull data on just about anything: stock performance, customer satisfaction levels, Google Search trends, and—my personal favorite—how many squirrels are running through New York City parks. You name it; you can measure it. 

Often, this valuable data gets buried in a wall of text, mundane charts, or spreadsheets running thousands of rows deep, making it nearly impossible to understand just how many squirrels are running around the city (or whatever else you're interested in). 

To get the most out of your data, you need to make it shine. Here's how to use Claude Artifacts to visualize data.  

Note: This article assumes you know the basics of how to use Artifacts. If you need a refresher, check out this step-by-step guide: How to use Claude Artifacts.

How to use Claude Artifacts to visualize data 

Here's a summary of how to use Claude Artifacts to create data visualizations (keep scrolling for detailed steps with screenshots): 

  1. Prepare your data and export it. 

  2. Go to claude.ai, and log in. 

  3. Upload your file and ask Claude to create a data visualization of it. 

  4. Once Claude outputs an Artifact, you have a number of options: 

    • Edit your Artifact. 

    • Download your Artifact to use in other projects. 

    • Share your Artifact. 

Now for the details.

Prepare your data and export it 

Before Claude can transform your data into a visual wonder, you first need to provide it with clean, well-structured data. 

Review your data while asking yourself these questions: 

  • Are there any text variables that need to be converted to numerical data? 

  • Are there any categorical variables that might be coded into categories inconsistently? 

  • Are there any variables that need to be expanded into multiple categories? 

  • Are there any variables where creating categories might be useful? 

  • Is standardization necessary for any of the variables (for example, converting dates to a specific date format)? 

  • Are there duplicates or missing data that need to be fixed? 

  • Are there any outliers that might be errors?

Once you've cleaned up your data, export it as a CSV file. Note: Claude supports common file types, including PDF, HTML, and DOCX, up to 30MB per file. You can also upload an image of a chart and ask Claude to create a visualization. But in my experience, Claude works best with CSV files for data visualizations. 

Log in to Claude 

Go to claude.ai, and log in to your account.

Claude login page.

Don't have an account yet? You can create one for free using your Google account or an email address.  

Ask Claude to create a data visualization 

  1. Upload the CSV file to your chat. The easiest way to do this is by dragging and dropping the file from your hard drive into the message bar. 

  2. For your prompt, write "Create a [visualization type] for the attached data. [Include any additional criteria you want the tool to follow.]"

    New conversation with Claude.

  3. Press Enter or return, or click the up-facing arrow to submit your prompt.

In a matter of moments, Claude will output an Artifact containing your data visualization. Claude tends to default to creating simple bar graphs. But you can prompt it to output plenty of other types of visualizations, including multi-series line charts, pie charts, scatter plots, and TreeMaps. 

Claude Artifact containing a bar graph.

You can also interact with the visualization in your Artifact by hovering over various elements to get more details. Want to add more information on hover or click? Ask Claude to update the tooltip to show whatever details you'd prefer. 

Demo of how to interact with a Claude Artifact containing a bar graph.

It's worth noting one key limitation here: Claude tends to hallucinate when working with large datasets or if you ask it to add too many filters or layers. Once it starts down this glitchy path, it tends to double down on its hallucinations. So, if you're having trouble, I recommend starting a new chat altogether. 

Share your data visualizations 

Once you have created your data visualizations, you have two options for sharing it. 

Claude Artifact window with the options to download or publish the Artifact highlighted.
  • Download the Artifact. Click the Download to file icon, which looks like an arrow pointing down into a box. It'll download as a .tsx (TypeScript) file to your hard drive. From there, you can integrate it into your own React projects or further customize the code if needed. 

  • Publish the Artifact. Click Publish to share your Artifact with anyone on the internet (your chat will remain private). In the popup that appears, click Publish & Copy Link, and share your link as you normally would. 

Automate Anthropic

Creating data visualizations is just one of the many ways Claude can help you distill large amounts of information into digestible bits. When you use Zapier to connect Claude with the rest of your apps, you unlock thousands more possibilities to redesign your workflows. For example, you can automatically send Claude-generated summaries of action items from meeting minutes to your project management app. Or get Claude to analyze form responses stored in your survey app.

Learn more about how to automate Claude with Zapier, or get started with one of these pre-made templates.

Write AI-generated email responses with Claude and store in Gmail

Write AI-generated email responses with Claude and store in Gmail
  • Gmail logo
  • Anthropic (Claude) logo
  • Gmail logo
Gmail + Anthropic (Claude)

Create AI-generated posts in WordPress with Claude

Create AI-generated posts in WordPress with Claude
  • Google Sheets logo
  • Anthropic (Claude) logo
  • WordPress logo
Google Sheets + Anthropic (Claude) + WordPress

Generate an AI-analysis of Google Form responses and store in Google Sheets

Generate an AI-analysis of Google Form responses and store in Google Sheets
  • Google Forms logo
  • Anthropic (Claude) logo
Google Forms + Anthropic (Claude)

Zapier is the leader in workflow automation—integrating with thousands of apps from partners like Google, Salesforce, and Microsoft. Use interfaces, data tables, and logic to build secure, automated systems for your business-critical workflows across your organization's technology stack. Learn more.

 Related reading

  • How to automatically pull data for reports, charts, and dashboards

  • How to make mind maps: Visualize your ideas for better brainstorming

  • Claude vs. ChatGPT: What's the difference?

  • Claude API: How to get a key and use the API

Get productivity tips delivered straight to your inbox

We’ll email you 1-3 times per week—and never share your information.

tags
mentioned apps

Related articles

Improve your productivity automatically. Use Zapier to get your apps working together.

Sign up
See how Zapier works
A Zap with the trigger 'When I get a new lead from Facebook,' and the action 'Notify my team in Slack'