In this course, Chris Converse creates an animated bar chart or other visual graphic using a combination of jQuery and the tools in Dreamweaver. This approach is dynamic, allowing a designer to adjust the size of a chart and letting jQuery calculate the new position and size of the bars based on the data associated with each bar. The course also covers designing the chart with HTML and CSS, as well as creating labels and timing delays with jQuery.
To preview the finished project, visit codifydesign.com.
To preview the finished project, visit codifydesign.com.
Topics include:
- Adding markup for chart bars
- Adding jQuery and CSS to an HTML document
- Declaring and setting the global variables
- Writing a custom function to position the bars
- Adding labels and value text to the bars
- Animating the bars based on their value
- Fading in bar values labels after the bar animations
- Adjusting chart sizing by updating CSS values
Learn more about lynda.com
Ready to join?
get started
Members who watched this also viewed
show more
Video player
Choose your preferred video player. Check our FAQs for help with technical problems.
Closed captioning
update preferences
