2013
Lynda
Joseph Lowery
1:07
English
Spice up dry data presentations with interactive and visually engaging charts. This installment of HTML5 Projects shows how to build interactive bar charts, dynamically drawn with HTML5 Canvas. The user-friendly chart elements allow visitors to record different data scenarios by dragging bars. Author Joseph Lowery also shows how to automatically save the data from day to day. Altogether, this course offers a great introduction to HTML5 form elements with Canvas, integrated drag and drop, and local storage technologies.
Introduction 3m 40s
Welcome 56s
About the exercise files 1m 28s
Course and browser requirements 1m 16s
1. Understanding the Project 4m 31s
What we're going to build 2m 30s
Highlighted HTML5, CSS3, and JavaScript technologies 2m 1s
2. Setting the Stage 14m 42s
Crafting the HTML 2m 50s
Initializing the stage 2m 56s
Loading the background image 8m 56s
3. Drawing the Chart 27m 32s
Adding the legend area and labels 5m 48s
Drawing the bars 1m 58s
Creating bar groups 5m 41s
Adding anchors for interactivity 7m 20s
Connecting the feedback 6m 45s
4. Keeping Track of the Data 16m 50s
Storing the user's progress 13m 13s
Saving the chart 3m 37s
Conclusion 17s
Next steps 17s
http://www.lynda.com/CSS-tutorials/HTML5-Projects-Interactive-Charts/122424-2.html

Download File Size:239.73 MB

---