Scalable Dynamic Graphs & Charts Using AngularJS and SVG
Pluralsight
Course Summary
Use AngularJS and SVG to produce animated, configurable pie charts, gauges, and bar graphs.
-
+
Course Description
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.
-
+
Course Syllabus
Course Overview- 1m 21s
—Course Overview 1m 21sScalable Dynamic Graphs & Charts Using AngularJS and SVG- 51m 7s
—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 47sCreating a Gauge Widget with AngularJS and SVG- 42m 29sCreating a Pie Chart Widget with AngularJS and SVG- 28m 4sUsing CSS Animation for the AngularJS/SVG Widgets- 20m 5s
This course is listed under
Open Source
, Development & Implementations
, Networks & IT Infrastructure
and Digital Media & Games
Community
Related Posts: