Grafieken worden vaak gebruikt om relaties tussen gegevens visueel weer te geven. Het doel van een grafiek is om gegevens te tonen die te ingewikkeld of te talrijk zijn om in tekstvorm weer te geven. Grafieken zijn niet ideaal voor kleine hoeveelheden gegevens, die u gemakkelijk in een zin kunt overbrengen. Wanneer de gegevens een relatie tussen twee variabelen laten zien of duidelijke trends vertonen, zult u op een grafiek moeten vertrouwen. Bij afwezigheid van een trend is het gebruik van een grafiek moeilijk te rechtvaardigen.
Dus, hoe maak je een grafiek? Er zijn veel computerprogramma's hiervoor, maar ze zijn ofwel niet gebruiksvriendelijk of missen de vereiste grafiektypen.
Image Charts heeft echter recent aan populariteit gewonnen als het gaat om het snel maken van professionele grafieken. Hier is een korte tutorial over hoe u het kunt gebruiken om grafieken te maken.
GraphViz
GraphViz verwijst naar een bundel open source tools die wordt gebruikt om connectiviteitsgrafieken te visualiseren. U kunt de DOT-taal gebruiken om GraphViz-grafieken op te bouwen en dienovereenkomstig een lay-out-engine te kiezen. Hier zijn de parameters die door GraphViz worden ondersteund:
- cht = gv[ : <opt_engine>] – Geeft het grafiektype aan
- chl – Wordt gebruikt om invoer toe te voegen
- chs – In tegenstelling tot andere grafiektypen hoeft u geen grafiekgrootte in te stellen. De uitvoerafbeelding wordt omgezet in een geschikte vectorafbeelding
- ch1=<DOT_string> -- Schrijf DOT-taalnotatie om de grafiek te tekenen
Eenvoudige grafiek
Open de grafiekeditor en typ de volgende waarden:
cht=gv
chl=graph {
a -- b;
a -- d;
b -- c;
a -- c;
e -- d;
e -- a;
}
In ruil daarvoor genereert de Image Charts API de volgende grafiek.
Digraph
Een gericht grafiektype is een graaf waarvan de randen een richting hebben. U kunt het maken door de volgende code in de grafiekeditor in te stellen.
cht=gv
chl=digraph {
a -> b;
b -> c;
c -> d;
d -> a;
}
In ruil daarvoor genereert de Image Charts API de volgende grafiek.
Bellendiagrammen
Bellendiagrammen worden gebruikt om meerdere dimensies van data visueel weer te geven – meestal drie tot vier. Hierdoor kunt u minstens drie velden in een grafische vorm tonen. Zo kunt u het gebruiken voor een gedetailleerde en geavanceerde analyse. Elke serie vertegenwoordigt een set bellen die worden gedefinieerd door x, y, en een optionele waarde: r (straal).
Met de Image Charts API kunt u verschillende soorten bellengrafieken maken. De syntaxis voor een bellengrafiek staat hieronder aangegeven.
cht =<chart_type>
Hier verwijst <chart_type> naar “bb” of een bubbeldiagram bestaande uit datapunten. Standaard worden er geen aslijnen weergegeven. U kunt waarden op de aslijnen weergeven door de assen in te stellen.
?cht=bb
&chs=800x400
&chd=t:30,50,20,_,57,30,14,_,12,14,50,_,10,30,30
&chco=6213AB
&chxt=x,y
&chma=0,0,20
In ruil daarvoor genereert de Image Charts API de volgende grafiek.
U kunt een reeks opgeven van x, y, en [r] om datapunten in bubbelgrafieken in te stellen. Deze reeksen moeten echter worden gescheiden door “|”.
Polaire vlakdiagrammen
Wanneer je proportionele deel-van-geheel-visuals moet tonen, zijn polaire diagrammen je beste keuze. Ze kunnen zowel met één reeks als met meerdere reeksen worden gemaakt. Elke reeks vertegenwoordigt één taart en elke gegevenswaarde toont één plakje. Gebruik meerdere reeksen om gebruik te maken van overlappende polaire diagrammen. Om de tekst voor een plakje weer te geven, gebruik je een legenda, die wordt weergegeven door tekst met een bijbehorende kleur.
Open de Grafiekeditor en stel de volgende waarden in:
cht=pa
chd=t:100,200,300
chdl=A|B|C
chxt=x
chco=FF00007F,00FF007F,0000FF7F
Aangezien waarden relatief zijn ten opzichte van elkaar, komt het instellen van waarden van 100, 200 en 300 overeen met het instellen van 1, 2 en 3 als je waarden. Houd er ook rekening mee dat negatieve waarden worden weergegeven als lege segmenten.
Radardiagrammen
Radardiagrammen zetten datapunten gelijkmatig en met de klok mee uit. Een datapunt toont de afstand tot het midden van het diagram, waarbij het midden de laagste waarde weergeeft en de rand van het diagram de maximale waarde. U kunt dus ook zeggen dat een radardiagram in essentie een lijndiagram is dat in een cirkel is gewikkeld. Het wordt gekenmerkt door zijn gelijke segmenten. Het aantal segmenten is altijd groter dan het volgende:
- het aantal gegevenswaarden
- het aantal labels + 1
Als een grafiek bijvoorbeeld 12 datapunten heeft zonder labels, worden deze 30 graden uit elkaar geplaatst. Open de grafiekeditor en stel de volgende waarden in om uw radardiagram te maken.
cht=r
chxt=r
chd=t:72,54,41,58,40,72|78,78,21,60,56,88
In ruil daarvoor genereert Image Charts het volgende diagram.
Uiteindelijke grafieken
Nu je weet hoe je verschillende diagrammen kunt maken met de Image Charts API, kun je de volledige documentatie doornemen en meer geavanceerde diagrammen bouwen. Zo integreer je diagrammen sneller in je applicaties en kunnen je programmeurs zich richten op andere zaken.
Als u problemen ondervindt bij het maken van een grafiek of niet weet welke grafiek het beste past bij uw datavisualisatiebehoeften, neem contact op bij ons voor hulp.
