DATA VISUALIZATION

Externe & complexe data
Van data naar verhaal

Van kleine dataset naar echte data

Vorige week zagen we:

• Kleine, overzichtelijke tabellen
• Elke waarde paste netjes in een grafiek
   

In de praktijk ziet data er niet altijd zo eenvoudig uit.

De realiteit van data

Meer kolommen, meer chaos

Echte datasets bevatten vaak:

• overbodige kolommen
• lege rijen, vreemde symbolen
• onduidelijke veldnamen
• inconsistenties in hoofdletters, spelling, datums…

Je moet data begrijpen en opruimen vóór je kan visualiseren.

Dataformaten

CSV (.csv)

• Comma Separated Values
• Platte tekstfile
• "Kolommen", gescheiden door komma (standaard, aanpasbaar)
• "Rijen", gescheiden door enters

Dataformaten

Excel (.xlsx)

• Tabbladen, formules, opmaak
• Kan CSV importeren/exporteren

JSON

• Key-value pairs
• Vaak bij API’s

XML

• Ouder formaat
• Lijkt op HTML

Databronnen

• Custom: vb. eigen Excel file opbouwen 
• Open data portals: vb. Stad Gent Open Data
• API/exports uit tools (gratis/betalend)

Data zonder focus, vertelt niets

Bij grote datasets moet je selecteren wat echt nodig is om je verhaal duidelijk te brengen.

• Slechte data = slechte grafiek
• Kleine ingrepen maken groot verschil:
  • kolomnamen hernoemen
  • irrelevante kolommen verwijderen
  • datatypes checken (getal, tekst, datum)
• Tools: Excel of Google Sheets zijn vaak voldoende

Van rommelige data naar helder verhaal

🔍 Focus: welke vraag wil je beantwoorden?

📊 Selectie: welke kolommen en waarden zijn relevant?

🎯 Boodschap: wat wil je dat iemand onthoudt?

⚖️ Eenvoud: toon enkel wat bijdraagt aan het verhaal.

Voorbeeld

Open Data Gent: Café's in Gent

Externe data
gebruiken in Illustrator

Externe data

Met eender welke tool je werkt, is het belangrijk om volgende stappen te volgen:

1. Dataset voorbereiden
   1. 👀 Openen en inspecteren
   2. 🧹 Data opschonen
   3. 🙈 Irrelevante data verbergen
   4. ↕️ Sorteren
2. Dataset importeren in tool
3. Grafiek(en) opmaken & vormgeven

Externe data in Illustrator

Data importeren in Illustrator kan op 2 manieren:

1. Copy/paste (vorige les)
2. Automatisch importeren van CSV, TXT en Excel

⚠️ Kan soms encoding issues geven:

• .csv-file met komma's als delimiter werkt, maar
• .txt-file met tabs als delimiter werkt beter 🤷

Tips

🧹 Besteed voldoende aandacht aan het opschonen van je dataset vóór je grafieken opmaakt

Zo vermijd je dubbel werk waarbij je gebroken styling opnieuw moet toepassen.

📊 Maak aparte datasetjes per grafiek

Dit is overzichtelijker en vermindert de kans op fouten

Tips

Komma's, spaties, €- & %-tekens worden als tekst gelezen

• Voeg speciale tekens toe in Illustrator
• Gebruik quotes rond numerieke categorieën

💰 Zorg dat numerieke waarden echt numeriek zijn

Tips

👩‍🎨 Gebruik automatische styling

• Werk met paragraph/character styles
• Gebruik Object > Graph > Design om automatisch en herbruikbaar kolommen en markers te stylen
• Gebruik Graphic styles om geavanceerde effecten snel en uniform toe te passen op meerdere elementen
• Ungroup niet of zo laat mogelijk

Demo: Externe data in Illustrator

• Dataset downloaden, inspecteren en proper zetten

• Exporteren als .txt → delimiter: tab

• Data importeren en grafieken maken

• Integreren in app ontwerp

Doel: Ruwe data begrijpbaar & doelbewust visualiseren