# Claude Artifacts: Whiteboards, Sheets & Data by Anthropic

A dynamic product showcase introducing collaborative whiteboard, spreadsheet, and data storytelling capabilities powered by Claude.

- Company: Anthropic
- Year: 2024
- Duration: 0:58
- Type: Feature launch
- Objective: Announce
- Industry: AI
- Audience: Enterprise
- Medium: Product UI, Typography, 2D animation, Illustration
- Style: Minimal, Playful, Editorial
- Techniques: UI choreography, Kinetic type, Camera move
- Structure: Feature montage
- Pace: Moderate
- Audio: Music-led
- Format: Landscape

## Observations

- Showcases real-time AI-assisted canvas generation with interactive timeline elements.
- Demonstrates dynamic spreadsheet formula generation and multi-user cursor collaboration.
- Highlights 전환 into interactive storytelling dashboards with scrollyteller layouts.

## Moments

### 0:00–0:06 · Introduction to Artifacts

Cursor-driven typography introduces new collaborative tools coming to Claude Artifacts.

Tags: Kinetic type, Intro

Link: https://motionreference.com/reference/c5f423b7-dc1a-4d9b-b206-82a072377840?t=0 · Moment id: `c5f423b7-dc1a-4d9b-b206-82a072377840-m0`

### 0:06–0:22 · Claude Whiteboards

A natural language prompt generates a visual project timeline on an infinite canvas.

Tags: UI choreography, Whiteboard, Collaboration

Link: https://motionreference.com/reference/c5f423b7-dc1a-4d9b-b206-82a072377840?t=6 · Moment id: `c5f423b7-dc1a-4d9b-b206-82a072377840-m1`

### 0:23–0:32 · Claude Sheets

Claude builds out and updates a financial forecast model in real time alongside users.

Tags: Spreadsheet, Formulas, Product demo

Link: https://motionreference.com/reference/c5f423b7-dc1a-4d9b-b206-82a072377840?t=23 · Moment id: `c5f423b7-dc1a-4d9b-b206-82a072377840-m2`

### 0:33–0:45 · Claude Data & Scrollyteller

Analytics data transforms into narrative, interactive reporting formats.

Tags: Data visualization, Dashboard, Reporting

Link: https://motionreference.com/reference/c5f423b7-dc1a-4d9b-b206-82a072377840?t=33 · Moment id: `c5f423b7-dc1a-4d9b-b206-82a072377840-m3`

### 0:46–0:58 · Ecosystem Integrations & Outro

Connected enterprise tools display briefly before the tagline and Claude logo resolve.

Tags: Integrations, Logo reveal

Link: https://motionreference.com/reference/c5f423b7-dc1a-4d9b-b206-82a072377840?t=46 · Moment id: `c5f423b7-dc1a-4d9b-b206-82a072377840-m4`

## Links

- Motion Reference page: https://motionreference.com/reference/c5f423b7-dc1a-4d9b-b206-82a072377840
- Watch: https://attachments.are.na/52644852/6b1330ba8c844375564961ea9bc58c6a.mp4?1794373516
- Original: https://x.com/claudeai/status/2120206365759094857/video/1
- Video id: `c5f423b7-dc1a-4d9b-b206-82a072377840` (use with the MCP tools get_reference, get_breakdown and get_related_references)

Cite the Motion Reference page and credit Anthropic when you use this.