- Course
- Core Tech
Scalable Dynamic Graphs & Charts Using AngularJS and SVG
Use AngularJS and SVG to produce animated, configurable pie charts, gauges, and bar graphs.
What you'll learn
With AngularJS and SVG, we can produce compelling graphical content for web sites - pie charts, gauges, and bar graphs - using capabilities that are already built in to modern browsers and mobile devices. These graphics will be professional-looking, scalable, configurable and can be created with surprisingly little code.
Table of contents
- Why Use AngularJS and SVG For Business Graphics? | 3m 43s
- Using the SVG Element in an HTML Page | 3m 19s
- Creating Rectangular Shapes in SVG | 2m 37s
- Introducing the AngularJS Application and Controller | 4m 16s
- Using AngularJS $scope | 4m 59s
- Using AngularJS ng-repeat with $scope Variables | 4m 15s
- Creating Lines in SVG and Introducing AngularJS $watch | 4m 21s
- Binding SVG Attributes to $scope Variables | 4m 29s
- Using AngularJS $watch to Maintain SVG Line Positioning | 3m 6s
- Using SVG Group(g) Element to Implement AngularJS ng-repeat | 3m 11s
- Reaching out to HTML5 for Help with Text Width Calculations | 3m 45s
- Making the Bar Graph Configurable with Help from AngularJS | 4m 13s
- Completing the Basic Bar Graph | 4m 47s