- Course
Scalable Dynamic Graphs & Charts Using AngularJS and SVG
Use AngularJS and SVG to produce animated, configurable pie charts, gauges, and bar graphs.
Intermediate
- Course
Scalable Dynamic Graphs & Charts Using AngularJS and SVG
Use AngularJS and SVG to produce animated, configurable pie charts, gauges, and bar graphs.
Intermediate
Get started today
Access this course and other top-rated tech content with one of our business plans.
Try this course for free
Access this course and other top-rated tech content with one of our individual plans.
This course is included in the libraries shown below:
- Core Tech
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.
Scalable Dynamic Graphs & Charts Using AngularJS and SVG
Intermediate
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