Probeer onze nieuwe cursus over gegevensontwerp met Chart.js

Gegevensontwerp (of "gegevensvisualisatie") is de kunst van het weergeven van informatie op een manier die gemakkelijk te gebruiken en gemakkelijk te begrijpen is. 

In onze nieuwe cursus, Data Design met Chart.js, krijgt u een uitgebreide introductie tot Chart.js, een krachtige JavaScript-bibliotheek voor het dynamisch weergeven van gegevens met behulp van interactieve en opvallende grafieken.

Wat je leert

Envato Tuts + -instructeur Craig Campbell neemt je mee door het volledige proces van het maken van verschillende soorten diagrammen in Chart.js. U begint met het maken van een eenvoudig lijndiagram en het toepassen van verschillende stijlen. Dan doet u hetzelfde met andere grafieken, zoals staafdiagrammen, cirkeldiagrammen en ringdiagrammen. 

Je leert ook enkele vaardigheden die je werk echt doen opvallen, zoals het toevoegen van animatie-effecten en het maken van geavanceerdere kaarten zoals radardiagrammen en grafieken van polaire gebieden.

Hier zijn enkele gratis lessen uit deze cursus, als een voorproefje van wat u kunt verwachten:

Een eenvoudig lijndiagram maken

In deze les gaat u uw eerste diagram maken met behulp van het Chart.js-framework om een ​​reeks punten in een raster uit te zetten. Als dat klaar is, kun je het Chart.js-framework bekijken en de rest van het zware werk voor je doen.

 

Uw lijndiagrammen stylen

In deze les bekijkt u enkele verschillende opmaakopties die u op uw lijndiagrammen kunt toepassen om de kleuren en randen aan te passen.

 

De datapunten stylen

In deze les leert u hoe u Chart.js kunt gebruiken om de kleur, vorm en randen van de afzonderlijke gegevenspunten op uw lijndiagrammen aan te passen.

 

Je kunt onze nieuwe cursus meteen nemen met een abonnement op Envato Elements. Voor een enkel laag maandelijks bedrag krijg je niet alleen toegang tot deze cursus, maar ook tot onze groeiende bibliotheek met meer dan 1000 videocursussen en toonaangevende e-boeken over Envato Tuts+.

Bovendien krijgt u nu onbeperkte downloads van de enorme Envato Elements-bibliotheek met meer dan 200.000 foto's en meer dan 26.000 ontwerpmaterialen en sjablonen. Creëer met unieke lettertypen, foto's, afbeeldingen en sjablonen en lever sneller betere projecten.

Op zoek naar een kant-en-klare oplossing? Probeer Responsive Charts, een script van Envato Market waarmee je gemakkelijk HTML5-animatieschema's kunt maken in WordPress:

  • 7 geanimeerde grafiektypen met behulp van Charts.js
  • Hiermee kunnen meerdere grafieken op één pagina worden weergegeven
  • Volledig aanpasbare grafieken en tooltips
  • Meerdere gegevenssets voor staaf- en lijndiagrammen
  • Gegevenssets importeren vanuit CSV
  • sympathiek