Je hebt data in een spreadsheet. Je manager wilt een dashboard. Je kunt niet programmeren. Herkenbaar?
Deze tutorial laat zien hoe je Claude Cowork gebruikt om ruwe spreadsheetdata om te zetten in een interactief HTML-dashboard — compleet met grafieken, filters en een strakke layout — in minder dan 30 minuten. Geen programmeerkennis, geen BI-tools, geen extra abonnementen. Alleen jij, je data en Claude.
Wat je gaat bouwen
Aan het eind van deze tutorial heb je een zelfstandig HTML-bestand dat:
- Je belangrijkste metrics toont als grote, leesbare getallen
- Trends in de tijd laat zien als lijn- of staafdiagrammen
- Filtering biedt op datumbereik, categorie of andere dimensies
- Werkt in elke browser — deel het per mail of host het intern
- Professioneel genoeg oogt voor een managementpresentatie
Wat je nodig hebt
- Een Claude Pro- of Max-abonnement (Cowork is vereist)
- De Claude Desktop-app geïnstalleerd
- Een spreadsheet met je data (Excel, CSV, of zelfs gekopieerde getallen)
Stap 1: Bereid je data voor
Cowork kan rommelige data aan, maar je krijgt betere resultaten als je spreadsheet:
- Duidelijke kolomkoppen heeft in de eerste rij
- Consistente formaten gebruikt — mix niet “jan 2025” met “2025-01-15” in dezelfde kolom
- Geen samengevoegde cellen bevat — die verwarren parsers
Als je data in Excel staat, sla het eerst op als CSV. Of kopieer-plak de relevante cellen — Cowork kan daar ook mee overweg.
Voorbeelddata — stel je hebt maandelijkse verkopen per productcategorie:
Maand,Categorie,Omzet,Stuks verkocht
2025-01,Software,45000,120
2025-01,Consultancy,32000,15
2025-01,Training,12000,45
2025-02,Software,48000,135
2025-02,Consultancy,28000,12
2025-02,Training,15000,52
...
Stap 2: Start een Cowork-sessie
Open Claude Desktop en start een nieuw Cowork-gesprek. Selecteer de map waar je CSV-bestand staat (of waar je het dashboard wilt opslaan).
Stap 3: Beschrijf wat je wilt
Wees specifiek. Hoe meer detail je geeft, hoe beter het resultaat. Hier is een prompt die goed werkt:
Ik heb een CSV-bestand genaamd verkopen-2025.csv met maandelijkse verkoopdata.
Kolommen: Maand, Categorie, Omzet, Stuks verkocht.
Bouw een interactief HTML-dashboard met:
1. KPI-kaarten bovenaan: totale omzet, totaal stuks, gemiddelde maandelijkse omzet
2. Een lijngrafiek die de omzettrend over de tijd toont (per maand)
3. Een staafdiagram die omzet per categorie toont
4. Een dropdown-filter om een specifieke categorie te selecteren (of "Alles")
5. Een tabel onderaan met de ruwe data
Gebruik Chart.js voor de grafieken. Maak het strak en modern —
donkere achtergrond, kaart-gebaseerde layout. Alles moet in een
enkel HTML-bestand dat ik in elke browser kan openen.
Stap 4: Laat Cowork werken
Cowork zal nu:
- Je CSV-bestand lezen
- Een HTML-bestand schrijven met ingebed JavaScript
- Chart.js toevoegen via een CDN (geen installatie nodig)
- De grafieken, filters en layout maken
- Het bestand opslaan in je geselecteerde map
Dit duurt doorgaans 30-60 seconden. Als het klaar is, zie je het bestand in je map.
Stap 5: Openen en bekijken
Dubbelklik op het HTML-bestand om het in je browser te openen. Je ziet je dashboard met live data. De grafieken zijn interactief — hover over datapunten voor details, klik op legenda-items om reeksen aan/uit te zetten.
Itereren op het ontwerp
Je eerste versie is waarschijnlijk niet perfect. Dat geeft niet — dit is waar Cowork uitblinkt. Je kunt itereren in gewone taal:
Kleurenschema wijzigen:
Verander de grafiekkleuren naar ons merk: primair #2A62FF, secundair #14468C. Maak de achtergrond lichter.
Een metric toevoegen:
Voeg een KPI-kaart toe die het groeipercentage maand-over-maand toont voor de totale omzet.
Grafiektype wijzigen:
Vervang het staafdiagram door een gestapeld staafdiagram zodat ik kan zien hoe elke categorie bijdraagt aan het maandtotaal.
Interactiviteit toevoegen:
Als ik op een maand klik in de lijngrafiek, update dan het staafdiagram om alleen de breakdown van die maand te tonen.
Elke iteratie duurt seconden. Na een paar rondes heb je iets gepolijst.
Voorbeelden uit de praktijk
Verkoopdashboard
Het voorbeeld hierboven. Werkt goed voor elk bedrijf dat omzet, aantallen of transacties bijhoudt over de tijd. Voeg filters toe voor regio, verkoper of productlijn.
Projectstatus-overzicht
Bouw een projectdashboard van deze CSV. Toon: aantal projecten per status
(Op Schema, Risico, Te Laat) als gekleurde kaarten, een tijdlijn die
project start- en einddatums toont, en een tabel gesorteerd op deadline.
Website-analytics overzicht
Hier is mijn Google Analytics-export. Bouw een dashboard met:
sessies per dag als vlakdiagram, top 10 pagina's als horizontaal staafdiagram,
verkeersbronnen als donutdiagram, en bouncepercentage-trend als lijngrafiek.
Financiële rapportage
Maak een financieel dashboard van deze resultatenrekening. Toon: omzet vs kosten
als gegroepeerd staafdiagram per maand, winstmarge als lijngrafiek, en een
kostenopsplitsing per categorie als cirkeldiagram. Voeg een maandselectie toe.
Tips voor betere dashboards
Houd het gefocust. Een dashboard met 3-4 goed gekozen grafieken vertelt een duidelijker verhaal dan eentje met 15 grafieken op elkaar gepropt. Vraag jezelf: wat zijn de 3 dingen die mijn publiek moet zien?
Gebruik het juiste grafiektype. Lijnen voor trends over de tijd. Staven voor vergelijkingen. Cirkels alleen als je 5 of minder categorieën hebt (gebruik anders een horizontaal staafdiagram).
Label duidelijk. Vraag Cowork om correcte aslabels, datalabels op belangrijke punten, en een titel die uitlegt wat de kijker ziet.
Denk aan je publiek. Een dashboard voor je eigen analyse mag compact en gedetailleerd zijn. Een dashboard voor het management moet strak zijn, met grote getallen en duidelijke conclusies.
Beperkingen om te weten
Datagrootte. Data direct in HTML embedden werkt goed tot een paar duizend rijen. Daarna wordt het bestand groot en kan de browser vertragen. Gebruik voor grote datasets een BI-tool.
Geen live data. Het dashboard toont de data zoals die was toen je het bouwde. Het updatet niet automatisch als je spreadsheet verandert. Je moet het opnieuw bouwen met geüpdatete data.
Enkel bestand. Alles zit in één HTML-bestand — data, grafieken, styling. Handig om te delen, maar de data is zichtbaar voor iedereen die de broncode bekijkt.
Alleen browser. Het dashboard heeft een browser nodig. Het werkt niet als native app of embed in PowerPoint (maar je kunt screenshots nemen).
Wat nu?
- Nieuw met Cowork? Begin met onze beginnersgids
- Wil je het dashboard-verversing automatiseren? Zie onze intermediate gids over geplande taken
- Meer dingen die Cowork kan: 10 onverwachte mogelijkheden