2014
Lynda
Chris Converse
25m 33s
English
Learn how to display your data in a pie chart, with nothing more than HTML and CSS. Chris Converse shows how to create complex shapes with CSS3 properties and nested HTML5 elements. The course exercise files are free to all members and contain handy cut-and-paste code snippets that allow you to follow along with the instructions easily. When you're done, you'll have an elegant pie chart that will work in all HTML5-enabled web browsers, including Chrome, Firefox, Safari, and Internet Explorer.
Introduction 1m 22s
Preview the final project 42s
About the exercise files 40s
1. Creating HTML and CSS for a Pie Chart 23m 42s
Creating the pie-chart container 3m 31s
Making a shareable CSS rule 1m 57s
Creating an element for the wedge 3m 45s
Creating the wedge container 2m 47s
Sizing and rotating the wedge shape 3m 13s
Adding a second wedge shape 2m 53s
Adding and positioning labels 3m 51s
Adding graphics and context 1m 45s
Conclusion 29s
Where to go from here 29s
www.lynda.com/CSS-tutorials/Design-Web-Pie-Charts-CSS/176497-2.html
Download File Size:36.01 MB