Share
Data design (eller "data visualization") är konsten att visa information på ett sätt som är lätt att konsumera och lätt att förstå.
I vår nya kurs, Data Design With Chart.js, får du en omfattande introduktion till Chart.js, ett kraftfullt JavaScript-bibliotek för att dynamiskt visa data med interaktiva och iögonfallande diagram.
Envato Tuts + instruktör Craig Campbell tar dig igenom hela processen med att skapa flera olika typer av diagram i Chart.js. Du börjar med att skapa ett enkelt linjediagram och tillämpa olika stilar. Därefter gör du detsamma med andra diagram, såsom stapeldiagram, cirkeldiagram och donutdiagram.
Du kommer också att lära dig några färdigheter som verkligen kommer att göra ditt arbete tydligt, till exempel lägga till animationseffekter och skapa mer avancerade diagram som radarplaner och polära områdesdiagram.
Här är några gratis lektioner från den här kursen, som en förhandsvisning av vad du kan förvänta dig:
I den här lektionen ska du skapa ditt första diagram med hjälp av Chart.js-ramverket för att rita ut en rad punkter på ett rutnät. Med det gjort kan du se Chart.js ramar göra resten av den tunga lyftan för dig.
I den här lektionen tar du en titt på några olika stylingalternativ som du kan använda till dina linjekartor för att justera färgerna och gränserna.
I den här lektionen lär du dig hur du använder Chart.js för att anpassa färgen, formen och gränserna för de enskilda punkterna på dina linjekartor.
Du kan ta vår nya kurs direkt med en prenumeration på Envato Elements. För en enda månatlig avgift får du inte bara tillgång till kursen utan också till vårt växande bibliotek med över 1000 videokurser och branschledande e-böcker på Envato Tuts+.
Dessutom får du obegränsade nedladdningar från det enorma Envato Elements-biblioteket med 200 000 + bilder och 26 000 + designtillgångar och mallar. Skapa med unika teckensnitt, foton, grafik och mallar, och leverera bättre projekt snabbare.
Letar du efter en färdig lösning? Prova Responsive Charts, ett skript från Envato Market som låter dig enkelt skapa HTML5 animerade diagram i WordPress:
Accentsconagua