Share
Data design (eller "data visualisering") er kunsten å vise informasjon på en måte som er lett å konsumere og lett å forstå.
I vårt nye kurs, Data Design With Chart.js, får du en omfattende introduksjon til Chart.js, et kraftig JavaScript-bibliotek for dynamisk visning av data ved hjelp av interaktive og iøynefallende diagrammer.
Envato Tuts + instruktør Craig Campbell tar deg gjennom hele prosessen med å lage flere forskjellige typer diagrammer i Chart.js. Du starter med å lage et enkelt linjediagram og bruke ulike stiler. Da vil du gjøre det samme med andre diagrammer, for eksempel stangdiagrammer, kakediagrammer og doughnutdiagrammer.
Du vil også lære noen ferdigheter som virkelig vil gjøre arbeidet ditt skiller seg ut, for eksempel å legge til animasjonseffekter, og skape mer avanserte diagrammer som radardiagrammer og polare områdediagrammer.
Her er noen gratis leksjoner fra dette kurset, som en forhåndsvisning av hva du kan forvente:
I denne leksjonen skal du lage ditt første diagram ved hjelp av Chart.js-rammen for å plotte ut en serie poeng på et rutenett. Med det gjort, kan du se Chart.js-rammen gjøre resten av tunge løft for deg.
I denne leksjonen vil du se på noen få forskjellige stylingalternativer du kan søke på linjediagrammer for å justere farger og grenser.
I denne leksjonen lærer du hvordan du bruker Chart.js til å tilpasse farge, form og grenser til de enkelte datapunktene på linjediagrammer.
Du kan ta vårt nye kurs med en gang med et abonnement på Envato Elements. For en enkelt månedlig avgift får du tilgang ikke bare til dette kurset, men også til vårt voksende bibliotek med over 1000 videokurser og bransjeledende e-bøker på Envato Tuts+.
I tillegg får du ubegrensede nedlastinger fra det store Envato Elements-biblioteket med 200.000 + bilder og 26.000 + designmateriell og maler. Lag med unike skrifttyper, bilder, grafikk og maler, og lever bedre bedre prosjekter raskere.
Leter du etter en ferdig løsning? Prøv Responsive Charts, et skript fra Envato Market som lar deg lage HTML5 animerte diagrammer enkelt i WordPress:
Accentsconagua