Oreilly – D3.js in Action, Third Edition, Video Edition 2024-7

Oreilly – D3.js in Action, Third Edition, Video Edition 2024-7 Downloadly IRSpace

Aug 16, 2025 - 07:25 Updated: Aug 17, 2025 - 20:03

0 0

Oreilly – D3.js in Action, Third Edition, Video Edition 2024-7

D3.js in Action, Third Edition, Video Edition. This course is a comprehensive guide to creating web-based data visualizations using the D3.js library. This course has been completely revised and covers everything from simple charts to advanced interactive graphics such as networks, maps, and custom layouts. Participants will learn how to set up a local development environment for D3, integrate it into web projects (including Node-based applications), manipulate DOM elements, and design creative components. This edition has been updated for D3.js version 7 and includes new chapters on interactive visualizations, responsiveness, and accessibility improvements. Combining JavaScript, HTML, and CSS, D3.js enables the creation of complex infographics and charts and is recognized as a standard tool in data visualization. This course takes your skills from basic to advanced with hands-on projects in each chapter, teaching techniques like animation and mobile-friendly design. The results of working with D3.js are beautiful, professional, and community-approved.

What you will learn

Setting up a local development environment for D3.
Incorporating D3 into web development projects, including Node.js-based web applications.
Selecting and adding DOM elements.
Sizing and positioning elements on the screen.
Combine components and layouts into creative data visualizations.
Create data visualizations with SVG and canvas.
Combining D3 with React, Svelte, and Angular.

This course is suitable for people who:

Web developers with HTML, CSS, and JavaScript skills.

Course details

Publisher: Oreilly
Instructor: Anne-Marie Dufour , Elijah Meeks
Training level: Beginner to advanced
Training duration: 15 hours and 25 minutes

Course topics

Part 1. D3.js fundamentals
Chapter 1. An introduction to D3.js
Chapter 1. The D3 ecosystem: What you need to know to get started
Chapter 1. Data visualization best practices
Chapter 1. Summary
Chapter 2. Manipulating the DOM
Chapter 2. Preparing your environment
Chapter 2. Selecting elements
Chapter 2. Adding elements to a selection
Chapter 2. Setting and modifying attributes
Chapter 2. Setting and modifying styles
Chapter 2. Summary
Chapter 3. Working with data
Chapter 3. Preparing data
Chapter 3. Binding data to DOM elements
Chapter 3. Adapting data for the screen
Chapter 3. Adding labels to a chart
Chapter 3. Summary
Chapter 4. Drawing lines, curves, and arcs
Chapter 4. Drawing a line chart
Chapter 4. Drawing an area
Chapter 4. Drawing arcs
Chapter 4. Summary
Chapter 5. Pie and stack layouts
Chapter 5. Stacking shapes
Chapter 5. Adding a legend to a project
Chapter 5. Summary
Chapter 6. Visualizing distributions
Chapter 6. Drawing a histogram
Chapter 6. Creating a pyramid chart
Chapter 6. Generating box plots
Chapter 6. Comparing distributions with violin plots
Chapter 6. Summary
Part 2. Meeting the new standards
Chapter 7. Interactive visualizations
Chapter 7. Filtering a visualization
Chapter 7. Revealing additional information with tooltips
Chapter 7. Animating the enter, update, and exit selections
Chapter 7. Summary
Chapter 8. Integrating D3 in a frontend framework
Chapter 8. Installing the D3 library in a React project
Chapter 8. Loading data into a React project
Chapter 8. A reusable approach to SVG containers
Chapter 8. Allowing D3 to control a portion of the DOM
Chapter 8. Using D3 as a utility library
Chapter 8. Hybrid approach
Chapter 8. Summary
Chapter 9. Responsive visualizations
Chapter 9. A responsive line chart
Chapter 9. A responsive dashboard
Chapter 9. Additional tips
Chapter 9. Summary
Chapter 10. Accessible visualizations
Chapter 10. Meeting the accessibility standards
Chapter 10. Summary
Part 3. Intricate data visualizations
Chapter 11. Hierarchical visualizations
Chapter 11. Building a circle pack chart
Chapter 11. Building a tree chart
Chapter 11. Building other hierarchical visualizations
Chapter 11. Summary
Chapter 12. Network visualizations
Chapter 12. Creating an adjacency matrix
Chapter 12. Drawing an arc diagram
Chapter 12. Playing with forces
Chapter 12. Summary
Chapter 13. Geospatial information visualizations
Chapter 13. Drawing a map from GeoJSON data
Chapter 13. Zooming and panning
Chapter 13. Adding a brushing functionality
Chapter 13. Drawing a map from TopoJSON data
Chapter 13. Further concepts
Chapter 13. Summary
Part 4. Advanced techniques
Chapter 14. Creating a custom visualization
Chapter 14. Exploring the data
Chapter 14. Sketching the layout
Chapter 14. Building the project skeleton
Chapter 14. Creating radial visualizations
Chapter 14. Planning meaningful interactions
Chapter 14. Summary
Chapter 15. Rendering visualizations with Canvas
Chapter 15. Rendering basic shapes with Canvas
Chapter 15. Mixed-mode rendering
Chapter 15. A strategy for Canvas interactions
Chapter 15. Summary
Appendix B. Selecting a scale
Appendix B. Continuous input, discrete output
Appendix B. Discrete input, continuous output
Appendix B. Discrete input, discrete output
Appendix E. A very brief introduction to Svelte
Appendix E. Passing props from a parent to a child component
Appendix E. Sending information from a child to a parent component
Appendix E. Adding rendering logic
Appendix E. Using reactive variables and functions