Diagrams & Skills

[text_box]Diagrams are essential for demonstrating any kind of skills, developments, shares & ratios. Codeus has a built-in shortcode & widget for displaying two different kinds of diagrams: bars & circles. Bar diagrams are animated and circle diagrams are interactive on mouse-over.[/text_box]

[divider type=’linebreak’]

[divider type=’linebreak’]

Bar diagram

[diagram type=”line”][skill title=”Usability & Design” amount=”82″ color=”#566270″]
[skill title=”Conceptual Analysis” amount=”62″ color=”#50CDC5″]
[skill title=”Programming” amount=”65″ color=”#C7F465″]
[skill title=”Databases” amount=”42″ color=”#FF6B6B”]
[skill title=”UI Development” amount=”32″ color=”#C7F0F6″]
[/diagram]

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.

[divider]

Circle diagram

[diagram title=”Our Skills” summary=”Hover me!” type=”circle”][skill title=”Usability & Design” amount=”82″ color=”#566270″]
[skill title=”Conceptual Analysis” amount=”62″ color=”#50CDC5″]
[skill title=”Programming” amount=”65″ color=”#C7F465″]
[skill title=”Databases” amount=”42″ color=”#FF6B6B”]
[skill title=”UI Development” amount=”32″ color=”#C7F0F6″]
[/diagram]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.