CSV to Web App
CSV to Web App
You know how to query data. You know how to slice it in SQL. Now learn how to show it.
A table in a spreadsheet is invisible to the world. A table in a browser is a product. In this lesson you'll build an interactive HTML data dashboard — with sortable headers, color-coded rows, and a summary row — all from scratch. No Python, no Pandas. Just HTML and Tailwind.
Instructions
Add an <h1> dashboard title — what data is this showing?
Hint: Try: `<h1 class="text-2xl font-bold text-white">Product Analytics</h1>`
Add a <table> with a <thead> containing at least 3 column headers (<th>)
Add a <tbody> with at least 4 data rows (<tr>) — fill in real-looking numbers
Add a totals row at the bottom: <tr class="summary-row"> with bold totals for each column
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> dashboard title — what data is this showing?