DIAGRAMS & PIE CHARTS

[vc_row][vc_column width=”1/1″][sc_textbox content_background_position_horizontal=”center” content_background_color=”#f1f5f8″][sc_icon_with_text icon_shape=”circle” icon_size=”medium” level=”h1″ icon=”e66d” icon_color=”#ffffff” icon_background_color=”#ff7070″][vc_column_text]Diagrams are essential for demonstrating any kind of skills, developments, shares & ratios. Scalia has a built-in shortcode & widget for displaying different kinds of diagrams: bars, circles, pie charts. Bar diagrams are animated and circle diagrams are interactive on mouse-over.[/vc_column_text][/sc_icon_with_text][/sc_textbox][sc_divider margin_bottom=”-10″][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][sc_diagram type=”circle” title=”OUR STRENGHTS” summary=”Hover Me!”][sc_skill title=”UI Development” amount=”95″ color=”#4B5868″]
[sc_skill title=”Programming” amount=”70″ color=”#ABE08E”]
[sc_skill title=”Databases” amount=”36″ color=”#D65170″]
[sc_skill title=”Usability & Design” amount=”86″ color=”#FFA99D”][/sc_diagram][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_column_text]

BAR DIAGRAMS

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][sc_diagram type=”line” summary=”Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat”][sc_skill title=”UI Development” amount=”95″ color=”#4B5868″]
[sc_skill title=”Programming” amount=”70″ color=”#ABE08E”]
[sc_skill title=”Databases” amount=”36″ color=”#D65170″]
[sc_skill title=”Usability & Design” amount=”86″ color=”#FFA99D”][/sc_diagram][sc_divider margin_bottom=”27″][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_column_text]

PROGRESS BARS & PIE CHARTS

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_progress_bar values=”90|Development|#86E1D8,80|Design|#72A6D5,70|Marketing|#D4536F” bgcolor=”bar_grey” options=”striped,animated” units=”%”][sc_divider margin_bottom=”-10″][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_pie value=”50″ color=”btn-primary” units=”%”][vc_pie value=”25″ color=”btn-info” units=”%”][/vc_column][vc_column width=”1/3″][vc_pie value=”30″ color=”btn-success” units=”%”][vc_pie value=”86″ color=”btn-danger” units=”%”][/vc_column][vc_column width=”1/3″][vc_pie value=”75″ color=”btn-warning” units=”%”][vc_pie value=”48″ color=”btn-inverse” units=”%”][/vc_column][/vc_row]