Hvem elsker ikke grafer og diagrammer? De giver super godt overblik over data og hjælper med at forstå sammenhænge i selv de mest komplekse datasæt.

Men for de fleste er grafer og diagrammer forbundet med Excel, og skal man bruge dem udenfor Excel, ja så tager man et screenshot og indsætter grafen som billede.

Det gælder også, når mange laver hjemmesider, men sådan behøver det ikke at være!

I denne artikel får to geniale og gratis værktøjer, der kan nemt og hurtigt kan hjælpe dig med at lave flotte grafer og diagrammer på din hjemmeside.

Google Charts

Et af det bedste værktøjer på markedet er Google Charts. Med Google Charts, kan du lave alt fra søjlediagrammer til mere avancerede combodiagrammer.

Det gode ved Google charts er at det er relativt nemt at implementere, og du behøver ikke kende ret meget til kode for at få det til at virke. Derudover er det utrolig fleksibelt, og du kan tilpasse graferne præcis som du ønsker det.

Dokumentationen til hver chart-type er meget gennemarbejdet, og du kan næsten copypaste dig til alle typer grafer.

Det fede ved Google Charts er, at graferne kan leveres dynamisk på din side. Du kan altså ændre i dataen der ligger bag grafen og lavet en interaktiv graf der ændrer sig alt efter hvilket input du giver dem. Samtidig med dette så er selve diagrammet i Google charts interaktivt, hvilket betyder, at du kan trykke på diagram-elementerne og få mere info om det givne datapunkt.

Et godt eksempel på, hvad Google Charts kan bruges til er Forbrugerfinans.dk, hvor de sammenligner forbrugslån på en visuel og overskuelig måde. Prøv at se deres side forbrugerfinans.dk/forbrugslaan.php og se, hvor kraftfuld Google charts kan være!

Google Charts er gratis, hvilket selvfølgelig også er et stort plus!

Chart.js

Chart.js minder meget om Google Charts, og det kan faktisk også rigtig mange af de samme ting. Alt kan desuden animeres, hvilket betyder, at når grafer loades på din side, så kan de være animerede, hvilket giver en rigtig god effekt.

Se et eksempel på en animeret graf her:

http://www.chartjs.org/samples/latest/charts/line/basic.html

Chart.io er også gratis, så det er bare at prøve det af. Chart.js kører som navnet antyder på JavaScript, hvilket også er tilfældet med Google Charts.

Nogle ville måske mene at graferne hos chart.io er lidt pænere end dem du finder hos Google, men det er måske bare en smagssag – hvad synes du er pænest?

Der findes også rigtige mange andre visualiseringsværktøjer, men mange af disse koster penge, og derfor har vi ikke tage dem med her. Begge de to værktøjer her er som sagt gratis, så det er bare at prøve dem af!