Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Data Visualization with D3.js - Full Tutorial Course

via freeCodeCamp

Overview

Learn how to transform data into meaningful graphical forms using D3.js and web technologies. This course covers the basics of JavaScript, HTML, CSS, and SVG alongside D3.js, enabling you to create stunning data visualizations. The course teaches skills such as creating bar charts, scatter plots, line charts, world maps, and choropleth maps using D3.js. The teaching method includes hands-on coding projects with detailed explanations. This course is designed for beginners interested in data visualization and web development.

Syllabus

) Data Visualization Course Overview.
) Why Visualize Data?.
) Inputs for Data Visualization: Data & Tasks.
) Intro to Javascript.
) Intro to HTML, CSS & SVG.
) Intro to D3.js - Let's Make a Face!.
) Making a Bar Chart with D3.js and SVG.
) Customizing Axes of a Bar Chart with D3.js.
) Making a Scatter Plot with D3.js.
) Making Line and Area Charts with D3.js.
) The General Update Pattern of D3.js.
) Marks & Channels in Data Visualization.
) Interaction with Unidirectional Data Flow using D3.js.
) Making a World Map with D3.
) Cheap Tricks for Interaction on a D3.js World Map.
) Blank Canvas.
) Building a Tree Visualization of World Countries with D3.js.
) Color and Size Legends with D3.js.
) Choropleth Map with D3.js.
) Interactive Filtering on a Choropleth Map.
) Using Color in Visualization.
) Scatter Plot with Menus.
) Circles on a Map.
) Line Chart with Multiple Lines.
) Melting and Munging Data with JavaScript.
) Selecting a Year on a Line Chart.

Taught by

freeCodeCamp.org

Reviews

Start your review of Data Visualization with D3.js - Full Tutorial Course

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.