MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Create an Animated Bar Chart with jQuery and Dreamweaver

Course Summary

Shows how to create a custom interactive bar chart or other visual graphic with jQuery and Dreamweaver.       

  • +

    Course Syllabus

       Previewing the final project
       Using the exercise files
       Setting up the project folder
    1. Starting Your Project
       Creating new project and HTML files
       Adding markup for chart bars
    2. Linking CSS and JavaScript to Your HTML Document
       Adding jQuery and CSS to your HTML document
    3. Global Variables and Custom Functions
       Declaring and setting global variables
       Writing a custom function to position the bars
       Adding label and value text to the bars
       Figuring out which bar has the highest value
    4. Calculating and Animating the Bars
       Animating the bars based on their value
       Fading in bar value labels after the bar animations
    5. Resizing the Chart via CSS
       Adjusting chart size by updating CSS values
       Where to go from here

Course Fee:
USD 25

Course Type:


Course Status:



1 - 2 hours / week

This course is listed under Development & Implementations and Operating Systems Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top