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.
Overview
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
