1. use configuration to set the ranges and the classes
2. use Templates to create html markup
3. configuration to decide if the graph is circular or bar
4. configuration to set if html markup needs to be rendered
5. configuration to show hide bar/circular graph when max is infinite
6. follow yui accordian model
7. configuration to set after which element the markup needs to be added.

Basic port of Bootstrap's DropDown plugin