Wat brengt vreugde…
Sparklines zijn compacte grafieken die zijn gemaakt voor visuele gegevensweergave. Ze worden meestal gemaakt om trends in een reeks waarden te tonen, zoals economische cycli en seizoensveranderingen, en om afwijkende of minimale en maximale gegevenspunten te benadrukken.
Boeiende details--Achtergrond & voorbeeld
Hé, ik ken jou – Lijndiagrammen vs. sparklines
Een sparkline heeft veel kenmerken van een lijngrafiek, op enkele uitzonderingen na. Een daarvan is dat meerdere sparklines niet op een paar assen worden uitgezet. In plaats daarvan worden ze verticaal gestapeld.
Een ander verschil zit in het aantal elementen op de twee soorten grafieken. Dat komt doordat het subplot van een sparkline alleen de kernelementen bevat. Sterker nog, u vindt zelfs sparklines met slechts een lijn om het patroon tussen de waarden van een reeks te benadrukken.
Instant verliefd – Waarom Tufte sparklines heeft bedacht
Wanneer Tufte kwam met deze kleine grafieken, was het de bedoeling dat ze werden gebruikt om contextuele informatie op een compacte manier te geven. En dat is precies wat ze doen!
Een sparkline-grafiek:
- Kunnen klein genoeg zijn om in cellen van Excel-werkbladen te plaatsen, in lijn met de tekst, en verticaal te stapelen.
- Worden meestal niet van een label voorzien.
Probeer het te begrijpen – Een voorbeeld
Ik besloot het voorbeeld te baseren op een filmcliché dat me altijd is bijgebleven. Stel u een scène voor waarin twee mensen aan een ontbijttafel zitten die overvol ligt met allerlei heerlijke lekkernijen. Ze krijgen ruzie en dan staat één van hen – en soms zelfs beiden – gewoon op en vertrekt. We komen nooit te weten wat er met de maaltijd gebeurt. En ik blijf maar denken: hoe kan iemand zomaar weglopen van zo'n heerlijk ontbijt? Het enorme aantal verspilde maaltijden maakt me boos en trek in iets lekkers! Mijn oplossing was om eerst een paar sparkline-grafieken te maken over filmclichés. En daarna bestelde ik de grootste, brokkeligste, taaiste en heerlijkste witte chocoladekoek die ik kon vinden!
De mooiste glinsteringen — Typische elementen van sparklines
de eenvoudigste manier om de functie van een sparkline te omschrijven zou zijn te zeggen dat deze grafiek veel informatie overbrengt zonder veel ruimte in te nemen.
Laten we nu kijken naar de elementen die doorgaans in deze diagrammen te vinden zijn:
- Een lijngrafiek die laat zien hoe waarden in de tijd veranderen.
- Een korte titel – niet langer dan drie woorden – om uit te leggen wat de grafiek meet.
- Een getal dat het eind-/totaalresultaat aangeeft dat uit de veranderingen voortvloeit.
U kunt andere details toevoegen, maar sparklines kunt u het beste eenvoudig en overzichtelijk houden.
Sparkline-overname—toepassingen
Vraagt u zich af wat een sparkline-grafiek toont? Sparklines zijn misschien verre neven van lijngrafieken, maar ze worden alom gebruikt in veel sectoren.
Enkele voorbeelden zijn:
1. Onderwijssector - Omdat het eenvoudig is om deze grafieken in lijn met de begeleidende tekst in te voegen, worden ze vaak opgenomen in schoolboeken en andere academische documenten. De informatie die grafisch wordt weergegeven in een sparkline illustreert de tekst die er direct voor of na verschijnt. Met andere woorden, lezers kunnen de weergegeven trend bekijken zonder hun lezen te onderbreken. Meerdere lijngrafieken in één plot – één per metric – kunnen meer ruimte innemen. Dat komt doordat deze herhaalde labels van de waarden op de horizontale as bevatten. Dat werkt mogelijk niet voor documenten zoals scripties en proefschriften, aangezien deze een vast aantal pagina's hebben. Dat heeft u niet nodig bij een sparkline.
2. Bedrijfssector - Een grafiektype dat trends in KPI's effectief en snel communiceert. Ook hier maakt de context deel uit van de omringende tekst.
3. IT-sector - Mogelijk bent u sparklines al tegengekomen op verschillende dashboards. Deze basiselementen vormen een ideaal startpunt voor eindgebruikers.
Het grotere geheel — Meest voorkomende toepassingen
We hebben drie scenario's besproken waarin sparklinegrafieken een rol kunnen spelen bij datavisualisatie. Laten we nu eens kijken wat ze zo geschikt maakt voor dit soort doeleinden, en waarom:
- De onderstaande grafiek laat zien hoe overvol meerdere lijnplots kunnen worden. Wat als we zeven sparklines op elkaar stapelen om dezelfde data weer te geven? En wat als we dat in een tabel doen om snel vergelijken te vergemakkelijken? Sparklines werken goed als alternatief voor lijngrafieken wanneer je meerdere lijnen uitzet. Dat komt vooral doordat ze, net als lijngrafieken, uitstekend geschikt zijn om veranderende waarden in de tijd te tonen.
- Een ander goed gebruik van sparklines is gebaseerd op het gegevenstype. Het plotten van een lijngrafiek met overlappende waarden kan het voor lezers lastig maken om de ene reeks van de andere te onderscheiden. Een concreet voorbeeld: meer filmcliché's ziet u hieronder:
- Sparklines zijn ook een betere keuze voor het weergeven van gegevens zonder overlap. Stel bijvoorbeeld dat je meerdere metrics tegelijk volgt. Als je zulke gegevens in een lijndiagram weergeeft, kunnen veranderingen verborgen blijven door de verschillende schalen van de lijnen. Sparklines kunnen echter sterk uiteenlopende bereiken bestrijken. Elke metric heeft zijn eigen (verticale) schaal, maar behoudt zijn (horizontale) uitlijning voor eenvoudige weergave. In tegenstelling tot een multi-as-grafiek hoeft je kijker geen enkele lijn aan zijn schaal te koppelen.
Ik zou dit nog steeds een goede score noemen. U ook niet?
- Sommige datasets bevatten uitschieters, terwijl andere duidelijke hoge-lage punten hebben. Het is eenvoudiger om deze gebieden aan je lezers te tonen wanneer je een sparkline gebruikt in je rapporten of dashboard, zoals de laatste of de laagste/hoogste waarde tot nu toe, of de bijbehorende trend en of deze stijgt of daalt. De onderstaande grafiek markeert bijvoorbeeld de heel bijzondere gelegenheden – lees slechts twee– de momenten waarop ik meer wist over een onderwerp dan mijn moeder. Dankzij de pieken in de sparkline zijn beide momenten veel makkelijker terug te vinden.
Een herinnering over sparklines – Beste toepassingen
U bent wellicht al bekend met onze richtlijnen voor het produceren van uitstekende lijngrafieken. Laten we nagaan welke van de volgende ook op een sparkline van toepassing zijn:
En blijf die onzin praten, dat is niet prima
Gebruik een sparkline niet zonder de nadelen ervan in overweging te nemen. Zo beperkt het verticaal smalle subplot hoeveel informatie u per set kunt tonen. Er zijn ook geen referentiemarkeringen behalve de begin- en eindwaarden. Gebruik een sparkline dus niet om absolute veranderingen of situaties die kwantitatief onderzoek vereisen te benadrukken. Gebruik ze in plaats daarvan om relatieve veranderingen en kwalitatieve inspectie te belichten.
Maar zou u tekenen en tegelijkertijd praten?
Grafieken zijn inderdaad hulpmiddelen om data te visualiseren, en sparklines vormen daarop geen uitzondering. Ze hebben echter de meeste impact wanneer ze worden aangevuld met tekst voor context en extra betekenis.
En het is mijn grafisch elements die zich op die tag bevindt
Net zoals de plaatsing belangrijk is bij lijndiagrammen, overspoel je sparklinegrafiek met talrijke grafische elementen zoals legenda's, symbolen, verklaringen en titels. Omdat u waarschijnlijk voor dit grafiektype kiest vanwege het minimalistische ontwerp, haalt u er het meeste uit door alles overzichtelijk te houden.
Dus toevoegen uw tabellen laat me een taxi voor je bellen
Gegevenspresentatoren kiezen voor een sparkline-grafiek om de drukte te vermijden die een lijngrafiek met meerdere assen zou veroorzaken door te veel datapunten. Vergeet echter niet een tabel met de gegevens van uw sparkline toe te voegen om de leesbaarheid te verbeteren.
Samenvatting – Geïnspireerd door Queen B Onvervangbaar
En blijf die onzin praten, dat is niet oké
Maar zou u tegelijkertijd kunnen tekenen en praten?
En het zijn mijn grafische elementen die op die tag staan
Voeg dus je tabellen toe, dan bel ik een taxi voor je
De vonk in sparkline brengen — Productdetails
Als u, net als ik en de rest van het Image Charts-team toen we ze ontdekten, verliefd wordt op sparklines, zult u staan te popelen om ze uit te proberen. Het weergeven van een grote hoeveelheid waarden, bijvoorbeeld voor de beurs, temperatuur, KPI-trends, enzovoort, oogt met deze grafieken veel mooier en is makkelijker te interpreteren. En zodra u leert hoe u ze maakt en automatiseert via Image Charts, wordt u een levenslange fan van beide.
Hier zijn verschillende dingen waarmee u kunt spelen wanneer een sparkline maken via Image Charts:
- zich afvraagt hoe u de sparkline-kleur wijzigt, zal deze functie van Image Charts waarderen.
- Geef uw gegevens weer met de lijndikte, stijlen en grafiekgroottes van uw keuze.
- Oogst voldoende oh's en ah's door uw schitterende creaties te delen met vrienden en collega's via Visualforce, MailChimp, E-mail, Team, Slack en Zapier.
- Maak indruk door uw grafiek te presenteren alsgifs.
Uw moment om te schitteren – Hoe Image Charts kan helpen
Automatisering
Automatisering met Image Charts is een uitkomst voor mensen die regelmatig gegevens presenteren als onderdeel van hun beroep of voor academische doeleinden. Zodra u uw Image Charts-profiel koppelt aan Zapier of Make, kunt u al uw gegevenszorgen achter u laten, want:
- de workflow blijft gegevens uit de bron halen om deze te voeden aan de geautomatiseerde grafiekcreatie van Image Charts.
- U kunt een van de vele – en er zijn er veel – middelen gebruiken om uw gloednieuwe grafieken te verspreiden.
Bekijk hieronder de platformspecifieke richtlijnen voor automatisering:
Zapier
- Begin een Trigger door uw gegevensbron te kiezen, van e-mail tot CRM.
- Laat Zapier verbinding maken met Image Charts, zodat je je sparkline-opties kunt selecteren
- Kies nu waar je diagram naartoe moet gaan en verstuur het via de ontvangen URL.
Make
- Zoek je gegevensbron op.
- Verbind Make met Image Charts en selecteer de grafiekfuncties.
- Een sparkline toevoegen is eenvoudig: kies je verspreidingskanaal, plak de URL en verstuur.
API
Wil je een lijn-sparkline maken met de Image Charts API? Schrijf sparkline-URL-formules met de API-optie van Image Charts:
- Begin met dit deel: https://image-charts.com/chart
- Gebruik ?cht=ls om uw grafiektype op te geven
l is voor een lijndiagram
s vertegenwoordigt een sparkline
- Experimenteer met de grootte via &chs=700x100
700 is de breedte (in pixels)
100 is de hoogte (in pixels)
- Definieer de grafiekwaarde in dit deel van de URL-formule: &chd=t:60,40
- Voeg ten slotte aslabels toe met &chxl=0:|Jan|Feb|Mar|Apr|May|Jun
Plak nu je URL-formule in je browser.
Meer nodig? Je gedetailleerde instructies vind je hier.
De vonk levend houden
We hebben verschillende aspecten van sparklines besproken: wat een sparkline is, wat de functie ervan is en wanneer je ze het beste gebruikt voor maximale impact. Ga aan de slag met deze ingetogen functie van Image Charts voor een esthetisch mooie gegevenspresentatie. Sparklinegrafieken, ahoy!
De glinsterende waarheid — Veelgestelde vragen
1. Hoe schrijf je sparkline-formules in Image Charts?
De API-optie van Image Charts vereenvoudigt sparkline-URL-formules. Dat komt doordat de meeste elementen ervan hetzelfde zijn voor alle grafiektypen. Volg deze workflow om er vandaag nog een te schrijven!
2. Hoe bewerk je sparklines in Image Charts?
Het bewerken van uw sparkline houdt in dat u de waarden in de hierboven gegeven URL-formule aanpast.
3. Hoeveel kleuren kan een Image Charts-sparkline hebben?
Omdat je sparkline uit één enkele lijn bestaat, kan deze slechts één kleur hebben. Hetzelfde geldt voor de lijndikte en -stijl. Je kunt deze kenmerken echter wel laten variëren tussen verschillende sparklines in dezelfde stack. Sparklines in Excel en Google Sheets werken op vergelijkbare wijze.
Lees meer over sparklinediagrammen in onze documentatie hier.
