Feed Your Agent Real Data (CSV)
Feed Your Agent Real Data (CSV)
A CSV file is the simplest dataset on Earth — one row per record, commas between fields. Agents love CSVs because they can parse them with zero setup.
The agent workflow: drop a CSV in your project folder, tell the agent "read sales.csv and summarise the top 3 products", and it will — using built-in file tools.
In this lesson, you build the results page your agent will publish after it processes a CSV. Think of it as the output template: headline metric, top-3 list, raw row count. Your agent will later fill this with real numbers.
Sample CSV (imagine the agent just parsed this):
product,units_sold,revenue_usd
Agentic Dashboard,142,14200
Claude Code Training,89,8900
Negotiation Cheatsheet,312,9360
Instructions
Add an <h1> that contains the word "Sales" or "Results"
Hint: `<h1>Sales Results — Q1</h1>`
Add a <div class="metric"> displaying one headline number (total revenue, total rows, anything)
Add a <table> with at least one data row showing CSV contents (product name + number)
Your Code
Describe what you want to build for this step and I'll write the code — then click Apply to drop it into your editor. This step: Add an <h1> that contains the word "Sales" or "Results"