Articles

Een compleet overzicht van de beste datavisualisatietools

Het verwerken van grote datasets is niet altijd even eenvoudig. Soms zijn datasets zo groot dat het ronduit onmogelijk is om er iets nuttigs uit te halen. Dat is waar datavisualisaties om de hoek komen kijken.

Het maken van datavisualisaties is zelden rechttoe rechtaan. Het is niet zo dat ontwerpers zomaar een dataset met duizenden gegevens kunnen nemen en een visualisatie vanuit het niets kunnen maken. Natuurlijk, het is mogelijk, maar wie wil er tientallen of honderden uren besteden aan het plotten van stippen op een spreidingsdiagram?

Wat zijn datavisualisatietools?

Datavisualisatietools bieden ontwerpers van datavisualisatie een eenvoudiger manier om grote datasets visueel weer te geven. Bij datasets met honderdduizenden of miljoenen datapunten maakt het automatiseren van het proces van het maken van een visualisatie, althans gedeeltelijk, het werk van een ontwerper aanzienlijk eenvoudiger.

Deze datavisualisaties kunnen vervolgens voor uiteenlopende doeleinden worden gebruikt: dashboards, jaarverslagen, verkoop- en marketingmateriaal, slide decks voor investeerders en vrijwel overal waar informatie onmiddellijk moet worden geïnterpreteerd.

Wat hebben de beste datavisualisatietools met elkaar gemeen?

De beste datavisualisatietools op de markt hebben een paar dingen met elkaar gemeen. Ten eerste is er het gebruiksgemak. Er zijn een aantal ongelooflijk ingewikkelde apps beschikbaar voor het visualiseren van gegevens. Sommige hebben uitstekende documentatie en handleidingen en zijn ontworpen op een manier die intuïtief aanvoelt voor de gebruiker. Andere schieten op die punten tekort, waardoor ze niet op de lijst van “beste” tools voorkomen, ongeacht hun andere mogelijkheden.

De beste tools kunnen ook overweg met enorme datasets. De allerbeste tools kunnen zelfs meerdere datasets in één visualisatie verwerken.

De beste tools kunnen ook een scala aan verschillende soorten grafieken, diagrammen en kaarten uitvoeren. De meeste van de onderstaande tools kunnen zowel afbeeldingen als interactieve grafieken uitvoeren. Er zijn echter uitzonderingen op de verscheidenheid aan outputcriteria. Sommige datavisualisatieprogramma’s richten zich op een specifiek type grafiek of kaart en doen dat zeer goed. Deze tools hebben ook een plaats bij de “beste” tools die er zijn.

Ten slotte zijn er kostenoverwegingen. Hoewel een hoger prijskaartje een tool niet per se diskwalificeert, moet het hogere prijskaartje gerechtvaardigd zijn in termen van betere ondersteuning, betere functies en een betere algemene waarde.

Datavisualisatievoorbeeld
Deze datavisualisatie toont de index voor de bescherming van de mensenrechten (van 1950 tot 2014) en de index voor mensenrechtenschendingen (in 2014) voor 50 landen. (door Federica Fragapane)

Data Visualization Tools Comparison

Er zijn tientallen, zo niet honderden, applicaties, tools en scripts beschikbaar om visualisaties te maken van grote datasets. Vele zijn zeer eenvoudig en hebben veel overlappende functies.

Maar er zijn uitschieters die ofwel meer mogelijkheden hebben voor de soorten visualisaties die ze kunnen maken, ofwel aanzienlijk gemakkelijker te gebruiken zijn dan de andere opties die er zijn.

Tableau (en Tableau Public)

Tableau heeft een verscheidenheid aan opties beschikbaar, waaronder een desktop-app, server- en gehoste online versies, en een gratis openbare optie. Er zijn honderden opties voor het importeren van gegevens beschikbaar, van CSV-bestanden tot Google Ads en Analytics-gegevens tot Salesforce-gegevens.

Output-opties omvatten meerdere grafiekformaten, evenals mapping-mogelijkheden. Dat betekent dat ontwerpers kleurgecodeerde kaarten kunnen maken die geografisch belangrijke gegevens laten zien in een formaat dat veel gemakkelijker te verteren is dan een tabel of grafiek ooit zou kunnen zijn.

De publieke versie van Tableau is gratis te gebruiken voor iedereen die op zoek is naar een krachtige manier om datavisualisaties te maken die kunnen worden gebruikt in een verscheidenheid aan omgevingen. Van journalisten tot politieke junkies tot degenen die gewoon de gegevens van hun eigen leven willen kwantificeren, er zijn tal van potentiële toepassingen voor Tableau Public. Ze hebben een uitgebreide galerij van infographics en visualisaties die zijn gemaakt met de publieke versie om als inspiratie te dienen voor degenen die geïnteresseerd zijn in het maken van hun eigen.

Pros

  • Honderden opties voor het importeren van gegevens
  • Mapping-mogelijkheid
  • Gratis publieke versie beschikbaar
  • Veel video-tutorials om je wegwijs te maken in het gebruik van Tableau

Cons

  • Niet-gratisgratis versies zijn duur ($70/maand/gebruiker voor de Tableau Creator software)
  • Publieke versie staat u niet toe gegevensanalyses privé te houden

Data Visualisatie Voorbeelden

Datavisualisatietools kunnen voor allerlei projecten worden gebruikt
Een datavisualisatie van unieke woorden die worden gebruikt door drie centrale personages in de boekenreeks Game of Thrones.

Voorbeelden van datavisualisatie: botsingen met elanden in Maine
Datavisualisaties kunnen gegevens over de openbare veiligheid inzichtelijker maken.

Datavisualisatietools maken het eenvoudig om interactieve visualisaties te maken
Een interactieve visualisatie van de best verdienende acteurs aller tijden.

Bottom Line

Tableau is een geweldige optie voor degenen die naast andere soorten grafieken ook kaarten moeten maken. Tableau Public is ook een geweldige optie voor iedereen die publieksgerichte visualisaties wil maken.

Infogram

Infogram is een volledig uitgeruste drag-and-drop visualisatietool waarmee zelfs niet-ontwerpers effectieve visualisaties van gegevens kunnen maken voor marketingrapporten, infographics, social-mediaposts, kaarten, dashboards en meer.

De voltooide visualisaties kunnen worden geëxporteerd naar een aantal formaten: .PNG, .JPG, .GIF, .PDF, en .HTML. Interactieve visualisaties zijn ook mogelijk, perfect voor embedding in websites of apps. Infogram biedt ook een WordPress plugin die het embedden van visualisaties nog makkelijker maakt voor WordPress gebruikers.

Pros

  • Gedifferentieerde prijzen, inclusief een gratis plan met basisfuncties
  • Inclusief 35+ grafiektypen en 550+ kaarttypen
  • Drag and drop editor
  • API voor het importeren van extra gegevensbronnen

Cons

  • Significant minder ingebouwdein gegevensbronnen dan sommige andere apps

Voorbeelden

Gegevensvisualisatiemethoden
Visualisaties kunnen complexe onderwerpen eenvoudig te begrijpen maken.

Datavisualisatieraamwerk
Grafieken maken het gemakkelijker om gegevens te vergelijken, van jaar tot jaar.

Technieken voor gegevensvisualisatie: mapping
Maps zijn een uitstekende manier om een momentopname te geven van wereldwijde gegevens.

Bottom Line

Infogram is een geweldige optie voor zowel niet-ontwerpers als ontwerpers. De drag-and-drop editor maakt het gemakkelijk om professioneel ogende ontwerpen te maken zonder veel visuele ontwerpvaardigheden.

Full-time freelance UX-ontwerpers gezocht

ChartBlocks

ChartBlocks beweert dat gegevens “overal vandaan” kunnen worden geïmporteerd met behulp van hun API, inclusief gegevens uit live feeds. Hoewel ze zeggen dat het importeren van gegevens uit elke bron kan worden gedaan in “slechts een paar klikken,” het is zeker complexer dan andere apps die geautomatiseerde modules of uitbreidingen voor specifieke gegevensbronnen hebben.

De app maakt het mogelijk voor uitgebreide aanpassing van de uiteindelijke visualisatie gemaakt, en de grafiek gebouw wizard helpt gebruikers kiezen precies de juiste gegevens voor hun grafieken voordat het importeren van de gegevens.

Ontwerpers kunnen vrijwel elke soort grafiek maken, en de output is responsive – een groot voordeel voor datavisualisatieontwerpers die grafieken willen insluiten in websites die waarschijnlijk op verschillende apparaten zullen worden bekeken.

Pros

  • Gratis en redelijk geprijsde betaalde plannen zijn beschikbaar
  • Gemakkelijk te gebruiken wizard voor het importeren van de benodigde gegevens

Cons

  • Onduidelijk hoe robuust hun API is
  • Ziet er niet naar uit dat ze mapping-mogelijkheid

Voorbeelden

Informatievisualisatietools maken het maken van grafieken eenvoudiger
Gestapelde grafieken zijn een effectieve manier om gegevens te vergelijken en te contrasteren.

Fundamenten van gegevensvisualisatie: Eenvoudige grafieken kunnen het meest effectief zijn
Scatter plots zijn een eenvoudige manier om gegevenstrends weer te geven.

De beste praktijken voor datavisualisatie: lijndiagrammen
Lijndiagrammen zijn effectief voor het weergeven van trends en vergelijkingen.

Bottom Line

ChartBlocks heeft een uitstekend gratis plan, en dat is een groot pluspunt. Het gebruiksgemak voor het maken van basisgrafieken en diagrammen is ook uitstekend.

Datawrapper

Datawrapper is speciaal gemaakt voor het toevoegen van grafieken en kaarten aan nieuwsverhalen. De gemaakte grafieken en kaarten zijn interactief en gemaakt voor insluiting op nieuwswebsites. Hun gegevensbronnen zijn echter beperkt, met als primaire methode het kopiëren en plakken van gegevens in de tool.

Als de gegevens eenmaal zijn geïmporteerd, kunnen grafieken worden gemaakt met een enkele klik. De visualisatietypes omvatten onder meer kolom-, lijn- en staafdiagrammen, verkiezingsdonuts, gebiedsdiagrammen, scatterplots, choropleth- en symboolkaarten, en locatorkaarten. De uiteindelijke visualisaties doen denken aan die op sites als de New York Times of de Boston Globe. In feite worden hun grafieken gebruikt door publicaties als Mother Jones, Fortune, en The Times.

Het gratis plan is perfect voor het embedden van grafieken op kleinere sites met beperkt verkeer, maar betaalde plannen zijn aan de dure kant, vanaf $39/maand.

Pros

  • Specifiek ontworpen voor datavisualisatie in redactiekamers
  • Gratis abonnement is geschikt voor kleinere sites
  • Tool bevat een ingebouwdein kleurenblindheidschecker

Cons

  • beperkte gegevensbronnen
  • betaalde plannen zijn aan de dure kant

Exemplaar

Goede gegevensvisualisatie: meerdere weergaven van gegevens opnemen
Scatterplots kunnen een veelheid aan gegevens weergeven, vooral wanneer ze van een kleurcode zijn voorzien om meer punten weer te geven.

Bottom Line

Datawrapper is een uitstekende keuze voor datavisualisaties voor nieuwssites. Ondanks het prijskaartje maken de functies die Datawrapper bevat voor nieuws-specifieke visualisatie het de moeite waard.

D3.js

D3.js is een JavaScript-bibliotheek voor het manipuleren van documenten met behulp van gegevens. D3.js vereist op zijn minst enige JS-kennis, hoewel er apps zijn waarmee niet-programmerende gebruikers de bibliotheek kunnen gebruiken.

Die apps zijn onder meer NVD3, dat herbruikbare grafieken voor D3.js biedt; Plotly’s Chart Studio, waarmee ontwerpers ook WebGL en andere grafieken kunnen maken; en Ember Charts, dat ook gebruikmaakt van het Ember.js-framework.

Pros

  • Zeer krachtig en aanpasbaar
  • Een enorm aantal diagramtypen mogelijk
  • Focus op webstandaarden
  • Tools beschikbaar om niet-programmeurs visualisaties te laten maken
  • Gratis en open source

Cons

  • Vereist programmeerkennis om alleen te gebruiken
  • minder ondersteuning beschikbaar dan bij betaalde tools

Voorbeelden

Voorbeelden van datavisualisatie: akkoordenschema
Akkoordenschema’s tonen relaties tussen groepen items.

Gegevensvisualisatievoorbeelden: Choropleth-kaarten
Grafische gegevens weergeven gaat het best met datakaarten.

Gegevensvisualisatievoorbeelden: voronoi kaarten
Voronoi kaarten zijn een interessante manier om geografische gegevens weer te geven.

Bottom Line

D3.js is alleen geschikt voor die ontwerpers die ofwel toegang hebben tot een programmeur voor hulp of zelf programmeerkennis hebben.

Google Charts

Google Charts is een krachtige, gratis tool voor datavisualisatie die speciaal bedoeld is voor het maken van interactieve grafieken om online in te voegen. Het werkt met dynamische gegevens en de uitvoer is puur gebaseerd op HTML5 en SVG, zodat ze werken in browsers zonder het gebruik van extra plugins. Gegevensbronnen zijn onder meer Google Spreadsheets, Google Fusion Tables, Salesforce en andere SQL-databases.

Er zijn verschillende soorten grafieken, waaronder kaarten, scatter-diagrammen, kolom- en staafdiagrammen, histogrammen, gebied-diagrammen, taart-diagrammen, treemaps, tijdlijnen, meters, en vele anderen. Deze grafieken kunnen volledig worden aangepast, via eenvoudige CSS bewerking.

Pros

  • Gratis
  • Brede variëteit aan beschikbare grafiekformaten
  • Cross-browser compatibel omdat het HTML5/SVG gebruikt
  • Werkt met dynamische data

Cons

  • Naast de tutorials en het forum dat beschikbaar is, is er beperkte ondersteuning

Voorbeelden

Gegevensvisualisatiehulpmiddelen: Google Charts
Combodiagrammen tonen trends en vergelijkingen.

Gegevensvisualisatiemethoden: geocharts
GeoCharts zijn slechts één methode om gegevens te visualiseren met Google Charts.

Beste praktijken op het gebied van gegevensvisualisatie: annotaties
Anotaties maken grafieken en diagrammen gemakkelijker te begrijpen.

Bottom Line

Google Charts is een geweldige optie als een ontwerper enigszins vertrouwd is met coderen en een krachtige, gratis oplossing wil. De mogelijkheid om elke SQL database als gegevensbron te gebruiken maakt het ook een goede optie voor grote gegevensverzamelingen.

FusionCharts

FusionCharts is een andere op JavaScript gebaseerde optie voor het maken van web en mobiele dashboards. Het bevat meer dan 150 diagramtypen en 1.000 kaarttypen. Het kan integreren met populaire JS-frameworks (waaronder React, jQuery, React, Ember en Angular) en met server-side programmeertalen (waaronder PHP, Java, Django en Ruby on Rails).

FusionCharts geeft kant-en-klare code voor alle grafiek- en kaartvariaties, waardoor het zelfs voor ontwerpers met beperkte programmeerkennis eenvoudiger is om in websites in te bouwen. Omdat FusionCharts is gericht op het maken van dashboards in plaats van eenvoudige datavisualisaties, is het een van de duurste opties in dit artikel. Maar het is ook een van de krachtigste.

Pros

  • Een enorm aantal opties voor grafieken en kaarten
  • Meer mogelijkheden dan de meeste andere visualisatietools
  • Integreert met een aantal verschillende frameworks en programmeertalen

Cons

  • Extra duur (vanaf bijna $500 voor een licentie voor ontwikkelaars)
  • Integreert met een aantal verschillende frameworks en programmeertalen

Cons

  • Extra duur (begint bij bijna $500 voor een ontwikkelaarslicentie)
  • Overkill voor eenvoudige visualisaties buiten een dashboardomgeving

Voorbeelden

Dashboard voor datavisualisatie
FusionCharts is ontworpen voor het maken van dashboards voor datavisualisatie.

Dashboards zijn een eenvoudige manier om meerdere gegevensvisualisaties naast elkaar weer te geven
Dashboards kunnen tal van gegevensvisualisaties naast elkaar weergeven.

Dashboards voor datavisualisatie zijn uitstekend geschikt voor gebruik in de bedrijfsvoering
Het beheren van de bedrijfsvoering gaat het best met dashboards voor datavisualisatie.

Bottom Line

Voor het maken van dashboards is niets in dit artikel echt te vergelijken met FusionCharts. Als dat het project is, is dit ongetwijfeld de krachtigste keuze.

Chart.js

Chart.js is een eenvoudige maar flexibele JavaScript-bibliotheek voor grafieken. Het is open source, biedt een goede variëteit aan diagramtypen (acht in totaal), en maakt animatie en interactie mogelijk.

Chart.js gebruikt HTML5 Canvas voor output, dus het rendert grafieken goed in alle moderne browsers. De gemaakte grafieken zijn ook responsief, dus het is geweldig voor het maken van visualisaties die mobiel-vriendelijk zijn.

Pros

  • Gratis en open source
  • Responsive en cross-browser-compatibele uitvoer

Cons

  • Zeer beperkte diagramtypen vergeleken met andere tools
  • Beperkte ondersteuning buiten de officiële documentatie

Voorbeelden

Technieken voor datavisualisatie: interactieve bubble-diagrammen
Bubble-diagrammen kunnen een groot aantal gegevenspunten tegelijk laten zien.

Technieken voor gegevensvisualisatie: lijndiagrammen met meerdere assen
lijndiagrammen met meerdere assen zijn beter wanneer ze zijn voorzien van annotaties (deze maakt gebruik van tooltips wanneer je met de muis over punten op de lijnen gaat).

Gegevensvisualisatiemethoden: gestapelde vlaklijndiagrammen
Gestapelde vlaklijndiagrammen zijn visueel opvallende visualisaties.

Bottom Line

Chart.js is een goede optie voor ontwerpers die een eenvoudige, aanpasbare, interactieve visualisatie-optie nodig hebben. De grootste pluspunten zijn dat het gratis en open source is.

Grafana

Grafana is open-source visualisatiesoftware waarmee gebruikers dynamische dashboards en andere visualisaties kunnen maken. Het ondersteunt gemengde gegevensbronnen, annotaties en aanpasbare waarschuwingsfuncties, en het kan worden uitgebreid via honderden beschikbare plugins. Dat maakt het tot een van de krachtigste visualisatietools die er zijn.

Exportfuncties stellen ontwerpers in staat om snapshots van dashboards te delen en ook andere gebruikers uit te nodigen om samen te werken. Grafana ondersteunt meer dan 50 gegevensbronnen via plugins. Het is gratis te downloaden, of er is een cloud-hosted versie voor 49 dollar per maand. (Er is ook een zeer beperkte gratis gehoste versie.) De downloadbare versie heeft ook ondersteuningsplannen beschikbaar, iets wat veel andere open-source tools niet bieden.

Pros

  • Open source, met gratis en betaalde opties
  • Grote selectie gegevensbronnen
  • Verschillende typen grafieken
  • Maakt het maken van dynamische dashboards eenvoudig
  • Kan met gemengde gegevensfeeds werken

Cons

  • Overkill voor het maken van eenvoudige visualisaties
  • Biedt niet zoveel visuele aanpassingsopties als sommige andere tools
  • Niet de beste optie voor het maken van visualisatieafbeeldingen
  • Niet in staat om dashboards in websites te embedden, hoewel mogelijk voor afzonderlijke panelen

Voorbeelden

Data visualisatie dashboard
Grafana is een krachtige data visualisatie dashboard tool.

Data visualisatie dashboard

Data visualization dashboard

Bottom Line

Grafana is een van de beste opties voor het maken van dashboards voor intern gebruik, vooral voor gemengde of grote gegevensbronnen.

Chartist.js

Chartist.js is een gratis, open-source JavaScript-bibliotheek waarmee eenvoudige responsieve grafieken kunnen worden gemaakt die in hoge mate aanpasbaar en cross-browser-compatibel zijn. De gehele JavaScript bibliotheek is slechts 10KB wanneer GZIPped. Grafieken gemaakt met Chartist.js kunnen ook worden geanimeerd, en plugins maken het mogelijk om uit te breiden.

Pros

  • Gratis en open source
  • Kleine bestandsgrootte
  • Grafieken kunnen worden geanimeerd

Cons

  • Niet de breedste selectie van beschikbare grafiektypen
  • geen mapping-mogelijkheden
  • beperkte ondersteuning buiten de ontwikkelaarsgemeenschap

Voorbeelden

De grondbeginselen van datavisualisatie: Complex is
Chartist.js biedt een aantal basisgrafiektypes.

Bottom Line

Chartist.js is een goede optie voor ontwerpers die eenvoudige, embeddable, responsive grafieken willen met een kleine bestandsgrootte.

Sigmajs

Sigmajs is een single-purpose visualisatie tool voor het maken van netwerkgrafieken. Het is zeer aanpasbaar, maar vereist wel enige basiskennis van JavaScript om het te kunnen gebruiken. De gemaakte grafieken zijn embeddable, interactief, en responsive.

Pros

  • In hoge mate aanpasbaar en uitbreidbaar
  • Gratis en open source
  • Gemakkelijk om grafieken in websites en apps te embedden

Cons

  • Maakt slechts één type visualisatie: netwerkgrafieken
  • Vereist JS-kennis om aan te passen en te implementeren

Voorbeelden

Gegevensvisualisatiemethoden: netwerkgrafiek
Sigmajs maakt uitsluitend netwerkgrafieken.

Bottom Line

Omdat Sigmajs slechts op één punt is gericht, is het een prima optie voor het maken van netwerkgrafieken, mits de ontwerper goed overweg kan met JavaScript.

Polymaps

Polymaps is een speciale JavaScript-bibliotheek voor mapping. De output zijn dynamische, responsieve kaarten in een verscheidenheid van stijlen, van image overlays tot symboolkaarten tot dichtheidskaarten. Het gebruikt SVG om de afbeeldingen te maken, zodat ontwerpers CSS kunnen gebruiken om de visuals van hun kaarten aan te passen.

Pros

  • Gratis en open source
  • Specifiek gebouwd voor mapping
  • Gemakkelijk om kaarten in websites en apps te embedden

Cons

  • Maakt slechts één type visualisatie
  • Vereist enige kennis van codering om aan te passen en te implementeren

Voorbeelden

Goede datavisualisatie
In dit geval, is de weergegeven data een fotoset van NASA’s Earth Observatory.

Informatievisualisatiehulpmiddelen: Polymaps
Een weergave van Flickr geotagged foto’s.

Bottom Line

Polymaps is een goede optie als kaarten het enige type visualisatie zijn dat nodig is, zolang de ontwerper zich comfortabel voelt met wat basiscodering.

Conclusie

Er is zo’n grote verscheidenheid aan visualisatietools beschikbaar voor ontwerpers dat het moeilijk kan zijn om te beslissen welke te gebruiken. Datavisualisatieontwerpers moeten rekening houden met zaken als gebruiksgemak en of een tool de functies heeft die ze nodig hebben.

Het kiezen van de krachtigste tool die beschikbaar is, is niet altijd het beste idee: De leercurve kan steil zijn, waardoor meer middelen nodig zijn om aan de slag te gaan, terwijl een eenvoudiger tool misschien in een fractie van de tijd precies kan maken wat nodig is. Vergeet echter niet dat de tool slechts een deel van de vergelijking is bij het maken van een datavisualisatie; ontwerpers moeten ook rekening houden met wat er nog meer nodig is om een goede datavisualisatie te maken.

De meeste datavisualisatietools zijn gratis uit te proberen (als de hele tool niet gratis is), dus het is de moeite waard om de tijd te nemen om er een paar uit te proberen voordat je voor één enkele oplossing kiest.

Laat een antwoord achter

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *