You'll learn how to build charts using Chart.js:
Data-driven maps using Leaflet:
and a custom chart using D3.js:
You'll also learn how to make a data story that combine multiple charts and maps.
In addition you'll learn how to make a dashboard using Chart.js, Leaflet and React:
This is a complete course that'll show you how to build all of the above. I've spent months figuring out efficient ways to build these maps, charts and dashboards. I'd like to share these techniques with you so that you don't have to figure it out for yourself.
If you've been wanting to create maps, charts, data stories and dashboards for the web this course is ideal.
Who can benefit from this course?
- Web developers who need to implement maps, charts and dashboards.
- Data scientists/analysts who'd like to present their data. You might already be using tools such as Dash (Python), Streamlit (Python), Shiny (R), PowerBI and Tableau.
- Data journalists who wish to present their data in story form.
Why take this course?
You'll learn how to create maps, charts, data stories and dashboards similar to what tools such as Dash, Streamlit, Shiny, PowerBI and Tableau create, but you'll be using free and open-source libraries. You'll also have much more flexibility as to what you can create and hosting costs are likely to be lower too.
How much is the course
The course costs $129. This gives you six months access to the videos and lifetime access to the source code and the two books. Subscribe to my newsletter for a 15% discount.
There's enough material to fill a two-day workshop. I'd typically charge $500 for a two-day workshop so I think this course offers great value for money.
There's also a lower priced eBook that covers the same material except for the dashboard lessons.
The course is in video format (preview a lesson) and consists of 8 lessons. In total there's over 2.5 hrs of video content.
The course is hosted on Teachable and students may ask questions via the comments section in each lesson.
The course is made up of eight video lessons:
|Make a Chart with Chart.js
|Introduction to Chart.js and tidy.js. How to create a chart using Chart.js. How to process data using tidy.js. (15 minutes)
Preview this lesson
|Styling and Customising Chart.js
|How to style Chart.js charts. How to create a Chart.js chart with a dark theme. How to create multi-line charts and stacked bar charts from long format data. (11 minutes)
|Custom Charts with D3.js
|Introduction to D3.js (including selections, joins, scale functions and axes). How to add an information popup. Walk through a custom visualisation built using D3.js. (22 minutes)
|Data-driven Maps with Leaflet
|Introduction to Leaflet. Walk through a Leaflet example that displays data points. (8 minutes)
|Introduction to dashboards. Introduction to React. How to build a data dashboard using React, Chart.js and Leaflet. (38 minutes)
|Introduce client/server architecture. How to build an API using Node. How to adapt the dashboard to fetch data from the API. (28 minutes)
What will I need to know?
Praise for my book D3 Start to Finish
"Being able to master the programmatic building of data visualisations is a treasured capability. Being able to elegantly explain and educate others to help develop their capability is of exceptional value. Peter is a one of those rare talents who flourishes at both: if you want to learn from one of the best, I can’t recommend Peter’s books enough."
"One of the best D3 books I've read. The contents are very clear, it is easy to follow and the concepts are very solid."
"I’d very much recommend this book to anyone who needs to rapidly get up to speed with D3, whether they are an experienced developer or a relative novice. It will give you all the tools and knowledge to create professional grade visualisations."
"This book takes the reader gently through a series of easy-to-follow and easy-to-digest steps. At no point did it feel too daunting and the style is clear and eminently readable. There's always more to learn but, by the end, I felt ready to use D3 for my own project. Highly recommended for those who have not yet tried D3 or are struggling with their first steps."
Berl Steiner (Developer)