Blogs in deze serie zijn gebaseerd op de early access preview-versie van Plotly Studio. Plotly Studio is een AI-gestuurde desktopapplicatie van Plotly, ontwikkeld om het maken van professionele data-apps en visualisaties te automatiseren.
Mijn derde experiment met Plotly Studio werd geïnspireerd door twee dingen:
- Een dashboard dat ik ongeveer zes maanden geleden bouwde met Dash, Plotly en IBCS-principes
- Een recente post van Art Tennick, waarin hij in enkele minuten een IBCS-conform dashboard maakte met Plotly Studio
Dat zette me aan het denken: wat waren zijn oorspronkelijke “Context and Goals”? Want daar zit precies het spannende stuk — het eindresultaat hangt sterk af van hoe duidelijk je de uitgangspunten definieert.
Mijn Doel voor dit Experiment
Ik wilde een heel specifieke visualisatie reconstrueren:
- Een rij met oppervlaktegrafieken, één per medewerker
- Elke grafiek toont de AC (actuele) en PY (vorig jaar) omzet
- Kleuring van de gebieden afhankelijk van prestaties (AC vs PY)
- Minimale, maximale, begin- en eindwaarden van AC gemarkeerd met stippellijnen en labels
Ja, ambitieus 😆 — maar waarom het niet gewoon proberen?
Als context beschreef ik het scherm zo goed mogelijk (zie afbeelding 1), gaf ik enkele kaart-definities (voor de kaarten) en dropte ik bewust een paar keer het woord “IBCS” om de richting aan te geven.
Gegenereerde Outline vs. Mijn Intentie
Het resultaat? De outline sloot duidelijk meer aan bij wat Plotly Studio dacht dat ik nodig had, dan bij mijn eigen bedoeling.
Dat is meteen een belangrijke les: hoe je “Context and Goals” definieert, maakt een wereld van verschil. En toegegeven, ik was een beetje ongeduldig en klikte op “Go ahead” zodra de oppervlaktegrafiek werd genoemd.
Wat Ging Goed, Wat Moest Beter
Zoals verwacht kleurde de gegenereerde oppervlaktegrafiek de gebieden op basis van de eindsituatie van AC vs PY — maar hield geen rekening met kruispunten waar de lijnen van AC en PY elkaar snijden (afbeelding 2). Dat probleem kende ik al van mijn eerdere poging zes maanden geleden.
Toen duurde het vele uren om de exacte snijpunten te berekenen, die toe te voegen aan de datapunten en de gebieden correct in te kleuren.
Deze keer legde ik het probleem uit in de outline. En verrassend genoeg — Plotly Studio kreeg het voor elkaar. Het kostte slechts 5 minuten om de basiskleuring goed te krijgen, en nog een paar minuten extra om de gebieden tussen het laagste punt en de x-as grijs te kleuren.
Het eindresultaat? (afbeelding 3)
In afbeelding 3 zie je trouwens ook mijn oorspronkelijke outline in het bovenste (blauwe) gedeelte.
Het dashboard als totaal
Hoewel de oppervlaktegrafiek wat bijsturing nodig had, bevatte het initieel gegenereerde dashboard (afbeelding 4) heel wat bruikbare grafieken — allemaal in een paar minuten samengesteld. Dat blijft indrukwekkend. 🚀
