YoVDO

Data Visualization with D3.js - Full Tutorial Course

Offered By: freeCodeCamp

Tags

D3.js Courses Computer Science Courses Data Visualization Courses Javascript Courses HTML Courses Bar Charts Courses Line Charts Courses Scatter Plots Courses

Course Description

Overview

Embark on a comprehensive 13-hour data visualization journey using D3.js and web technologies. Learn to transform raw data into meaningful graphical representations through hands-on tutorials covering JavaScript, HTML, CSS, and SVG fundamentals. Master D3.js techniques to create stunning visualizations, including bar charts, scatter plots, line charts, world maps, and interactive choropleth maps. Explore advanced concepts such as the general update pattern, unidirectional data flow, and color theory in visualization. Develop practical skills by building projects like tree visualizations, multi-line charts, and interactive filtering systems. Gain proficiency in data manipulation, including melting and munging techniques with JavaScript. By the end of this course, acquire the expertise to craft impactful, interactive data visualizations for various applications.

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

Related Courses

Data Visualization and D3.js
Udacity
Real-Time Analytics with Apache Storm
Twitter via Udacity
Using Databases with Python
University of Michigan via Coursera
Responsive Website Tutorial and Examples
University of London International Programmes via Coursera
Big Data: Data Visualisation
Queensland University of Technology via FutureLearn