D3.js is the most popular data visualization library for the web. It's written in JavaScript and it allows you to make sense of your data through a powerful API.
D3 uses HTML, CSS, and SVG to create visualizations which can be viewed on any modern browser.
Throughout this course you'll learn the most important features of D3 while building four different data visualizations. You'll play around with the code whenever you want, so that you can be sure that you understand how it works.
What you'll learn:- Selection, Data loading, Data joins, Attributes, Axes, Scales, Elements, Labels, Paths, Creating SVG elements, Creating bar charts, Creating pie charts, Creating line charts.
If you complete this course, you'll know how to use the following features of D3: select(), selectAll(), append(), text(), attr()- data(), enter()- d3.max(), d3.min()- height, width, x, y, transform, fill- rect, line, circle- axisBottom(), axisTop(), axisRight(), axisLeft(),scale(),scaleLinear(), domain(), range()...and much more!
This isn't a regular video course, it's a Scrimba course! This means you can interact with the code inside the tutorials whenever you want, which makes learning much more fun!
The instructor behind the course is the eminent Sohaib Nehal. Feel free to reach out to him via Twitter @Sohaib_Nehal if you have feedback or questions.
Join the Scrimba community chat!
Learning alone can be lonely. Click here to join our Discord server and connect with other Scrimba learners!
Overview
Syllabus
- Introduction to D3
- Selection and manipulation - D3 tutorial
- Data Loading and binding - D3 tutorial
- Creating a simple bar chart - D3 tutorial
- Creating labels - D3 tutorial
- Scales - D3 tutorial
- Axes - D3 tutorial
- Creating SVG elements - D3 tutorial
- Creating a pie chart - D3 tutorial
- Create a line chart - D3 tutorial
- Congratulations on Completing Learn D3 for Free! 🎉
- How to Utilize Your Certificate