D3.js Data Visualization

  1. Web Technology Foundations
    1. Document Object Model (DOM)
      1. DOM Tree Structure
        1. Node Types and Relationships
          1. Element Nodes
            1. Text Nodes
              1. Attribute Nodes
              2. DOM Selection Methods
                1. querySelector and querySelectorAll
                  1. Element Traversal
                    1. Node Properties and Methods
                  2. Scalable Vector Graphics (SVG)
                    1. SVG Coordinate System
                      1. Origin Point and Axes
                        1. Units and Measurements
                          1. Viewport and ViewBox
                          2. Basic SVG Elements
                            1. Rectangle Elements
                              1. Circle Elements
                                1. Ellipse Elements
                                  1. Line Elements
                                    1. Path Elements and Path Data
                                      1. Polygon and Polyline Elements
                                      2. SVG Grouping and Organization
                                        1. Group Elements
                                          1. Nested Structures
                                          2. SVG Transformations
                                            1. Translation
                                              1. Scaling
                                                1. Rotation
                                                  1. Transform Combinations
                                                  2. SVG Styling
                                                    1. Inline Styles vs CSS Classes
                                                      1. Fill and Stroke Properties
                                                        1. Opacity and Transparency
                                                          1. Color Systems
                                                        2. JavaScript Prerequisites
                                                          1. Modern JavaScript Features
                                                            1. Arrow Functions
                                                              1. Variable Declarations (const, let)
                                                                1. Template Literals
                                                                  1. Destructuring Assignment
                                                                    1. Spread and Rest Operators
                                                                    2. Array Methods for Data Processing
                                                                      1. Map Method
                                                                        1. Filter Method
                                                                          1. Reduce Method
                                                                            1. ForEach Method
                                                                              1. Find and FindIndex Methods
                                                                                1. Sort Method
                                                                                2. Asynchronous JavaScript
                                                                                  1. Promises
                                                                                    1. Async/Await Syntax
                                                                                      1. Fetch API
                                                                                        1. Error Handling

                                                                                    Previous

                                                                                    1. Introduction to D3.js

                                                                                    Go to top

                                                                                    Next

                                                                                    3. Core D3.js Concepts