This section explains how custom visuals work and understanding the project structure.

• Module introduction
• How do custom visuals work?
• Using data-driven documents (D3)
• Creating and using a Visual
• Installing an IDE (Code Editor)
• Understanding the visuals.ts File
• Understanding the project structure
• Installing d3.js (Data-Driven Documents)
• Adding the first shape
• Connecting shapes to data
• Scaling shapes
• Managing visual capabilities to allow data input
• Starting the data extraction
• Limiting the data input
• Extracting data
• Displaying the user data
• Optimizing the code
• Adding dynamic coloring
• Making bars selectable (Cross-Visual)
• Adding X-Axis labels
• Adding custom visuals settings
• Extracting the visual configuration
• Informing Power BI about the custom configuration
• Next steps
• Packaging the custom visual
• Wrap up