HTML5 Projects: Interactive Charts with Joseph Lowery
HTML5 Projects: Interactive Charts with Joseph Lowery
English | May 23, 2013 | mp4 | H264 960x540 | AAC 2 ch 127 kbps | 1 hr 7 min | 224 MB
eLearning, Design, Web, User Experience, Web Design, Projects | software: HTML , JavaScript , CSS | level: Intermediate | +Exercise Files
English | May 23, 2013 | mp4 | H264 960x540 | AAC 2 ch 127 kbps | 1 hr 7 min | 224 MB
eLearning, Design, Web, User Experience, Web Design, Projects | software: HTML , JavaScript , CSS | level: Intermediate | +Exercise Files
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.
Topics include:
- Crafting the HTML
- Initializing the stage
- Adding a legend and labels
- Drawing the bars in the bar chart
- Adding anchors for interactivity
- Connecting the feedback
- Storing user progress
Screenshots:
HTML5 Projects: Interactive Charts with Joseph Lowery
HTML5 Projects: Interactive Charts with Joseph Lowery
HTML5 Projects: Interactive Charts with Joseph Lowery
HTML5 Projects: Interactive Charts with Joseph Lowery
