Zo maak je een video van een CSV: open een bestand met een tijdkolom (jaren, maanden, datums of kwartalen), kies de categorie- en waardekolom, kies een animatie zoals een bar chart race en klik op Video maken. Je browser tekent en codeert de video zelf: als MP4 of WebM als deze browser die kan coderen, anders als bewegende GIF, plus een PNG van elk gewenst beeld. Ontbrekende waarden blijven gaten tenzij je iets anders kiest, dubbele rijen worden gecombineerd volgens een regel die jij kiest, en de CSV wordt niet geüpload of gewijzigd.
Zo maak je een video van een CSV-bestand
- Open, sleep of plak een CSV-bestand, of gebruik het bestand dat je al in een andere ViewCSV-tool hebt geopend. Het voorbeeld is een verzonnen tabel met omzet per kwartaal.
- Kies onder Gegevens de opbouw van de tabel. Lange tabellen hebben een kolom voor de tijd, de categorie en de waarde; brede tabellen hebben één kolom per reeks.
- Kies onder Vormgeving de animatie en de stijl, en voeg een kop, een bronvermelding, een eenheid en eventueel een logo of achtergrondafbeelding toe.
- Kies onder Video het formaat (16:9, 1:1 of 9:16), de resolutie, lengte en beeldsnelheid, en de eerste en laatste periode.
- Schuif door de tijdlijn of loop periode voor periode door de beelden om ze te controleren. Kies daarna een downloadformaat en klik op Video maken.
De tien animaties
| Bar chart race | Horizontale staven die groeien en van plek wisselen als de ranglijst verandert. Negatieve waarden lopen links van nul door. |
|---|---|
| Groeiende lijnen | Eén lijn per categorie, periode voor periode getekend op een vaste as, zodat eerdere waarden nooit verschuiven. |
| Aandelen in een ring | Het aandeel van elke categorie in het totaal van alle categorieën in die periode; categorieën buiten het getoonde aantal vallen samen onder Overig. |
| KPI-kaarten | Tot zes kaarten met de huidige waarde en de procentuele verandering ten opzichte van de vorige periode. |
| Voortgang naar doel | Werkelijke waarden tegenover één gedeeld doel of een doelkolom, met het behaalde percentage, ook boven 100%. |
| Heatmap door de tijd | Een raster van categorieën × periodes dat zich vult tot en met de huidige periode. Ontbrekende cellen blijven standaard leeg, of volgen de regel voor ontbrekende waarden die je kiest (laatste waarde herhalen of nul). |
| Bellendiagram | De waardekolom op de verticale as, een tweede kolom op de horizontale as en een derde als oppervlakte van de cirkel. |
| Watervaldiagram | Positieve en negatieve bijdragen in de volgorde van het bestand, opbouwend naar het nettototaal, bijvoorbeeld een winstbrug. |
| Aandelen door de tijd | Eén staaf van 100% per periode, zodat je de verdeling over meerdere periodes tegelijk kunt vergelijken. |
| 3D-kolommen | Kolommen op een belicht 3D-podium, eventueel met een langzaam draaiende camera. Vereist WebGL 2. |
De tijdreeks voorbereiden: periodes, dubbele rijen en ontbrekende waarden
- Volgorde van de periodes. De automatische volgorde bekijkt de hele tijdkolom één keer: zijn alle periodes getallen, dan wordt numeriek gesorteerd; zijn alle periodes datums zoals
2024,2024-03,2024-03-31of2024-Q1, dan op datum; anders geldt voor alle periodes de natuurlijke tekstvolgorde, dusweek 10komt naweek 9. Een kolom met een mix van getallen, datums en tekst wordt niet cel voor cel per type gesorteerd. Je kunt ook de volgorde van het bestand aanhouden. Onmogelijke datums zoals2023-02-29worden bij datumvolgorde geweigerd. - Dubbele rijen. Komen dezelfde periode en categorie meer dan eens voor, dan stopt de video en meldt hoeveel combinaties dubbel zijn. Kies dan optellen, middelen, de kleinste, de grootste of de laatste rij; er wordt nooit ongemerkt iets gecombineerd.
- Ontbrekende waarden. Standaard blijft een ontbrekende periode een gat: de staaf of lijn ontbreekt in die periode. Je kunt ook de laatst bekende waarde laten herhalen of nul tonen; de video vermeldt dat dan in de statusregel. Waarden worden nooit achterwaarts ingevuld.
- Index en groei. De index deelt door de eerste waarde van elke categorie die geen nul is (= 100); een reeks die onder nul begint, heeft geen zinvolle index en blijft leeg. Groei vergelijkt elke periode met de periode direct ervoor; na een lege periode of een periode met nul blijft die leeg.
Labels worden precies gebruikt zoals ze er staan: North en North zijn twee categorieën. De CSV zelf wordt nooit gewijzigd.
Hoe getallen worden gelezen en getoond
Een waarde telt alleen mee als de hele cel een gewoon getal is, zoals 1200, -4.5 of 3e5, met het decimaalteken dat je kiest. Cellen met eenheden, valutatekens of scheidingstekens voor duizendtallen (1,200) en getallen die een double niet getrouw kan bevatten, worden weggelaten en in een melding geteld, en nooit als nul getekend. Komt je bestand uit een Nederlandse Excel-export met een decimale komma, kies dan komma als decimaalteken.
Tussen twee periodes is de beweging een lineaire overgang tussen de twee bekende waarden, en de statusregel vermeldt tussen welke periodes. Tussenbeelden zijn geen gegevens. De waardetabel toont precies wat het huidige beeld laat zien; samen met de statusregel zie je of dat beeld een echte periode is, een overgang tussen twee periodes, of waarden bevat die zijn ingevuld volgens de regel voor ontbrekende waarden. Getallen in de video volgen de notatie van je taal met het aantal decimalen dat je kiest; aandelen en behaalde doelen staan in procenten. Zou een berekening getallen opleveren die te groot zijn om betrouwbaar te tekenen, dan meldt de tool dat in plaats van een kapotte grafiek te tekenen.
Video, GIF en PNG downloaden
| MP4 en WebM | Alleen beschikbaar als deze browser ze kan maken. Waar WebCodecs beschikbaar is, worden de beelden één voor één op exacte tijdstippen gecodeerd, zodat de video op elk apparaat soepel loopt. Anders neemt de browser de animatie in realtime op en moet het tabblad op de voorgrond blijven. |
|---|---|
| Bewegende GIF | 10 beelden per seconde, 640 pixels aan de lange zijde, maximaal 30 seconden. |
| PNG | Het beeld op de huidige plek in de tijdlijn, op volledige videogrootte. |
| Afmetingen | 16:9, 1:1 of 9:16 in 720p of 1080p, 2 tot 60 seconden, 24, 30 of 60 beelden per seconde. Een download mag maximaal 64 MB zijn. |
Video's hebben geen geluid. Aan het begin en eind blijven de eerste en laatste periode even staan, zodat kijkers ze kunnen lezen. Als je de gegevens of instellingen wijzigt of de pagina verlaat, stopt een lopende export, zodat er nooit een verouderd bestand wordt opgeslagen.
Limieten en privacy
Een video kan tot 500 periodes, 200 categorieën en 100.000 cellen van periode × categorie tonen, uit bestanden tot 25 MB, 100.000 rijen of 2 miljoen cellen. Is je bestand groter, filter dan eerst de rijen of vat ze samen in een draaitabel. Voor een stilstaande grafiek gebruik je Grafiek maken van CSV.
Alles, ook het logo en de achtergrondafbeelding, blijft in je browsertabblad. Het bestand en de video worden niet geüpload.
Voorbeeld: omzet per regio als bar chart race
Een lange tabel met één rij per kwartaal en regio. Met tijd quarter, categorie region en waarde revenue toont de race drie staven per beeld. De ontbrekende waarde van West in 2024-Q2 blijft een gat: West heeft in die periode geen staaf.
quarter,region,revenue 2024-Q1,North,52 2024-Q1,South,33 2024-Q1,West,69 2024-Q2,North,64 2024-Q2,South,54 2024-Q3,North,76 2024-Q3,South,75 2024-Q3,West,77
{
"periods": ["2024-Q1", "2024-Q2", "2024-Q3"],
"series": {
"North": [52, 64, 76],
"South": [33, 54, 75],
"West": [69, null, 77]
},
"missing": 1
}Vragen en antwoorden
Waarom kan ik MP4 niet kiezen?
Niet elke browser kan MP4-bestanden maken. De lijst met formaten toont alleen wat deze browser echt kan coderen; GIF en PNG werken altijd. Probeer voor MP4 een recente versie van Chrome, Edge of Safari.
Mijn gegevens hebben één kolom per land. Werkt dat?
Ja. Kies de brede opbouw en vink de kolommen aan die je wilt animeren; elke kolom wordt een reeks met de kolomnaam als naam.
Waarom ontbreekt er in sommige periodes een staaf?
Die categorie heeft in die periode geen gewoon getal, dus blijft er een gat. Kies onder Ontbrekende waarden voor Laatst bekende waarde herhalen of Als nul tonen als dat bij je gegevens past, of verbeter de cellen in de CSV-editor.