{"id":664,"date":"2014-09-16T14:53:06","date_gmt":"2014-09-16T14:53:06","guid":{"rendered":"http:\/\/codex-themes.com\/scalia\/?page_id=664"},"modified":"2014-09-16T14:53:06","modified_gmt":"2014-09-16T14:53:06","slug":"diagrams","status":"publish","type":"page","link":"https:\/\/shoptech.media\/da\/shortcodes\/diagrams\/","title":{"rendered":"DIAGRAMS &amp; PIE CHARTS"},"content":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/1&#8243;]<div class=\"sc-textbox rounded-corners\"  style=\"\"><div class=\"sc-textbox-content\" style=\"background-color: #f1f5f8;background-position: center top;\"><div class=\"sc-icon-with-text sc-icon-with-text-icon-size-medium\"><div class=\"sc-icon-with-text-icon\"><div class=\"sc-icon sc-icon-size-medium  sc-icon-shape-circle\" style=\"background-color: #ff7070;border: 2px solid #ff7070;\"><span class=\"sc-icon-half-1\" style=\"color: #ffffff;\"><span class=\"back-angle\">&#xe66d;<\/span><\/span><span class=\"sc-icon-half-2\" style=\"color: #ffffff;\"><span class=\"back-angle\">&#xe66d;<\/span><\/span><\/div><\/div><div class=\"sc-icon-with-text-content\"><div class=\"sc-icon-with-text-text\">[vc_column_text]Diagrams are essential for demonstrating any kind of skills, developments, shares &amp; ratios. Scalia has a built-in shortcode &amp; 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]<\/div><\/div><div class=\"clearboth\"><\/div><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"sc-divider\" style=\"margin-bottom: -10px;\"><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;]<div class=\"diagram-item\"><div class=\"diagram-wrapper\"><div class=\"diagram-circle clearfix\" data-max-font-size=\"24\" data-title=\"OUR STRENGHTS\" data-summary=\"Hover Me!\"><div class=\"box-wrapper\"><div class=\"box\"><\/div><\/div><div class=\"skills\"><div class=\"skill-arc\"><span class=\"title\">UI Development<\/span><input type=\"hidden\" class=\"percent\" value=\"95\" \/><input type=\"hidden\" class=\"color\" value=\"#4B5868\" \/><\/div><div class=\"skill-arc\"><span class=\"title\">Programming<\/span><input type=\"hidden\" class=\"percent\" value=\"70\" \/><input type=\"hidden\" class=\"color\" value=\"#ABE08E\" \/><\/div><div class=\"skill-arc\"><span class=\"title\">Databases<\/span><input type=\"hidden\" class=\"percent\" value=\"36\" \/><input type=\"hidden\" class=\"color\" value=\"#D65170\" \/><\/div><div class=\"skill-arc\"><span class=\"title\">Usability &amp; Design<\/span><input type=\"hidden\" class=\"percent\" value=\"86\" \/><input type=\"hidden\" class=\"color\" value=\"#FFA99D\" \/><\/div><\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text]<\/p>\n<h3 style=\"text-align: left;\">BAR\u00a0DIAGRAMS<\/h3>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;]<div class=\"diagram-item\"><div class=\"diagram-wrapper\"><div class=\"diagram-summary-text\">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<\/div><div class=\"\" ><div class=\"digram-line-box \" ><div class=\"skill-element\"><div class=\"skill-title\">UI Development<\/div><div class=\"clearfix\"><div class=\"skill-amount\">95%<\/div><div class=\"skill-line\"><div data-amount=\"95\" style=\"width: 0; background: #4B5868;\"><\/div><\/div><\/div><\/div><div class=\"skill-element\"><div class=\"skill-title\">Programming<\/div><div class=\"clearfix\"><div class=\"skill-amount\">70%<\/div><div class=\"skill-line\"><div data-amount=\"70\" style=\"width: 0; background: #ABE08E;\"><\/div><\/div><\/div><\/div><div class=\"skill-element\"><div class=\"skill-title\">Databases<\/div><div class=\"clearfix\"><div class=\"skill-amount\">36%<\/div><div class=\"skill-line\"><div data-amount=\"36\" style=\"width: 0; background: #D65170;\"><\/div><\/div><\/div><\/div><div class=\"skill-element\"><div class=\"skill-title\">Usability &amp; Design<\/div><div class=\"clearfix\"><div class=\"skill-amount\">86%<\/div><div class=\"skill-line\"><div data-amount=\"86\" style=\"width: 0; background: #FFA99D;\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"sc-divider\" style=\"margin-bottom: 27px;\"><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text]<\/p>\n<h3 style=\"text-align: left;\">PROGRESS BARS &amp; PIE CHARTS<\/h3>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_progress_bar values=&#8221;90|Development|#86E1D8,80|Design|#72A6D5,70|Marketing|#D4536F&#8221; bgcolor=&#8221;bar_grey&#8221; options=&#8221;striped,animated&#8221; units=&#8221;%&#8221;]<div class=\"clearboth\"><\/div><div class=\"sc-divider\" style=\"margin-bottom: -10px;\"><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text]<\/p>\n<h3 style=\"text-align: center;\"><\/h3>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][vc_pie value=&#8221;50&#8243; color=&#8221;btn-primary&#8221; units=&#8221;%&#8221;][vc_pie value=&#8221;25&#8243; color=&#8221;btn-info&#8221; units=&#8221;%&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_pie value=&#8221;30&#8243; color=&#8221;btn-success&#8221; units=&#8221;%&#8221;][vc_pie value=&#8221;86&#8243; color=&#8221;btn-danger&#8221; units=&#8221;%&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_pie value=&#8221;75&#8243; color=&#8221;btn-warning&#8221; units=&#8221;%&#8221;][vc_pie value=&#8221;48&#8243; color=&#8221;btn-inverse&#8221; units=&#8221;%&#8221;][\/vc_column][\/vc_row] <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/1&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text] BAR\u00a0DIAGRAMS [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text] PROGRESS BARS &amp; PIE CHARTS [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_progress_bar values=&#8221;90|Development|#86E1D8,80|Design|#72A6D5,70|Marketing|#D4536F&#8221; bgcolor=&#8221;bar_grey&#8221; options=&#8221;striped,animated&#8221; units=&#8221;%&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text]&#8230;<\/p>\n","protected":false},"author":1747,"featured_media":0,"parent":674,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/pages\/664"}],"collection":[{"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/users\/1747"}],"replies":[{"embeddable":true,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/comments?post=664"}],"version-history":[{"count":0,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/pages\/664\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/pages\/674"}],"wp:attachment":[{"href":"https:\/\/shoptech.media\/da\/wp-json\/wp\/v2\/media?parent=664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}