Charts and Data Visualization
Add to favorites
Add data and visualize it with Apex Charts and Google Data Studio
Vue for Designers
1
Intro to Vue.js
7:52
2
Global Styling with Sass
23:18
3
Single File Components
28:27
4
Dark Mode Part 1
20:35
5
Dark Mode Part 2
18:54
6
Animations and transitions
35:02
7
Accounts with Netlify
35:29
8
Accounts with Slack
18:07
9
Charts and Data Visualization
40:27
10
Database with Firestore
21:36
11
Lambda Functions with Netlify
22:05
There's many options out there to visualize data for your website, but most don't look very nice. We'll be building our user graph using Apex Charts – a JavaScript chart library that is built to look beautiful and minimal. We'll also use Google Data Studio to pull in data from Google Analytics and rapidly create tables and charts.
Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.
Templates and source code
Download source files
Download the videos and assets to refer and learn offline without interuption.
Design template
Source code for all sections
Video files, ePub and subtitles
Browse all downloads
1
Intro to Vue.js
Learn to Create an Admin Dashboard using Vue
7:52
2
Global Styling with Sass
Use Sass to supercharge your CSS
23:18
3
Single File Components
Work with components, props, and page routing
28:27
4
Dark Mode Part 1
Switch from light and dark mode with component state
20:35
5
Dark Mode Part 2
Bring light and dark mode to your entire app with VueX
18:54
6
Animations and transitions
Create easy effects on elements and components
35:02
7
Accounts with Netlify
Deploy your site and set up sign in flow
35:29
8
Accounts with Slack
Reset password and request account access using Slack API
18:07
9
Charts and Data Visualization
Add data and visualize it with Apex Charts and Google Data Studio
40:27
10
Database with Firestore
Connect your app to a database
21:36
11
Lambda Functions with Netlify
Manage users with a serverless backend
22:05
Meet the instructor
We all try to be consistent with our way of teaching step-by-step, providing source files and prioritizing design in our courses.
Thomas Wang
UI Developer
Thomas is a designer and developer who loves JavaScript and CSS. He gets inspiration from beautifully designed products, and grew up in Southern California 🌴
