{"id":3979,"date":"2015-09-08T10:54:33","date_gmt":"2015-09-08T10:54:33","guid":{"rendered":"https:\/\/burst.qodeinteractive.com\/burst\/?page_id=3979"},"modified":"2015-09-29T14:01:06","modified_gmt":"2015-09-29T14:01:06","slug":"interactive-pie-charts","status":"publish","type":"page","link":"https:\/\/burst.qodeinteractive.com\/burst\/interactive-pie-charts\/","title":{"rendered":"Interactive Pie Charts"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; oblique_section=&#8221;no&#8221; text_align=&#8221;center&#8221; Overflow=&#8221;&#8221; triangle_shape=&#8221;no&#8221; padding_top=&#8221;110&#8243; padding_bottom=&#8221;60&#8243; css_animation=&#8221;&#8221; overflow=&#8221;&#8221; box_shadow_on_row=&#8221;no&#8221;][vc_column]<div class=\"mkd_separator_with_icon with_icon  center \" style=\"margin-top:0px;margin-bottom:0px\"><div class=\"mkd_icon_holder\" style=\"bottom:-19px;\"><div class=\"mkd_separator_icon_holder\"><div class=\"mkd_line_before\"  style=\"border:none;\"><\/div><span class=\"mkd_icon_shade mkd_icon_shortcode simple_line_icons circle   \" data-hover-background-color=#fe4743  style=\"background-color: #fe4743;border-width: 0px!important; border-style:solid;line-height:38px;width:38px;height:38px;\"><i class=\"mkd_icon_simple_line_icon icon-energy \" style=\"color: #ffffff;line-height:38px;font-size: 20px; \" data-color=\"#ffffff\" data-hover-color=\"#ffffff\" ><\/i><\/span><div class=\"mkd_line_after\"  style=\"border:none;\"><\/div><\/div><\/div><\/div>[no_elements_holder background_color=&#8221;#f3f3f4&#8243; number_of_columns=&#8221;one_column&#8221; switch_to_one_column=&#8221;&#8221; alignment_one_column=&#8221;center&#8221;][no_elements_holder_item background_color=&#8221;#f3f3f4&#8243; item_padding=&#8221;48px 130px 52px 130px&#8221; aligment=&#8221;center&#8221; vertical_alignment=&#8221;middle&#8221; advanced_animations=&#8221;no&#8221; item_padding_1300_1600=&#8221;48px 130px 52px 130px&#8221; item_padding_600_768=&#8221;8% 3% 7% 3%&#8221; item_padding_480_600=&#8221;11% 5% 10% 5%&#8221; item_padding_480=&#8221;16% 5% 10% 5%&#8221; elemnts_holder_frame=&#8221;no&#8221; item_padding_1000_1300=&#8221;48px 130px 52px 130px&#8221; item_padding_768_1000=&#8221;8% 3% 8% 3%&#8221;][vc_column_text]<\/p>\n<h5 style=\"text-align: center;\"><strong>Interactive Pie Charts<\/strong> &#8211; Create stunning infographic sections and engage your site visitors with the Interactive Pie Chart element.<\/h5>\n<p>[\/vc_column_text][\/no_elements_holder_item][\/no_elements_holder][\/vc_column][\/vc_row][vc_row row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; oblique_section=&#8221;no&#8221; text_align=&#8221;center&#8221; Overflow=&#8221;&#8221; triangle_shape=&#8221;no&#8221; padding_top=&#8221;30&#8243; padding_bottom=&#8221;40&#8243; css_animation=&#8221;&#8221; overflow=&#8221;&#8221; box_shadow_on_row=&#8221;no&#8221;][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3 vc_col-xs-12&#8243;]<figure class=\"interactive-pie-chart \" style=\"border-color:#e4e4e4; \" data-percent=\"55\" data-hover-color=\"#18cfab\"><figcaption><\/figcaption><a href=\"#\" class=\"interactive-pie-chart-link\"><\/a><img class=\"interactive-pie-chart-image\" src=\"https:\/\/burst.qodeinteractive.com\/burst\/wp-content\/uploads\/2015\/09\/custom-icon-1.png\" alt=\"\"\/><svg width=\"200\" height=\"200\"><circle class=\"interactive-pie-chart-path\" style=\"stroke:#18cfab; \" cx=\"95\" cy=\"95\" r=\"85\" transform=\"rotate(-90, 95, 95)\"\/><\/svg><\/figure>[vc_separator type=&#8221;transparent&#8221; up=&#8221;25&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][vc_column_text]<\/p>\n<h6>RETINA &amp; CLEAN<\/h6>\n<p>[\/vc_column_text][vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221; color=&#8221;#283033&#8243; width=&#8221;28&#8243; thickness=&#8221;2&#8243; up=&#8221;20&#8243; up_style=&#8221;px&#8221; down=&#8221;40&#8243; down_style=&#8221;px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3 vc_col-xs-12&#8243;]<figure class=\"interactive-pie-chart \" style=\"border-color:#e4e4e4; \" data-percent=\"85\" data-hover-color=\"#18cfab\"><figcaption><\/figcaption><a href=\"#\" class=\"interactive-pie-chart-link\"><\/a><img class=\"interactive-pie-chart-image\" src=\"https:\/\/burst.qodeinteractive.com\/burst\/wp-content\/uploads\/2015\/09\/custom-icon-2.png\" alt=\"\"\/><svg width=\"200\" height=\"200\"><circle class=\"interactive-pie-chart-path\" style=\"stroke:#18cfab; \" cx=\"95\" cy=\"95\" r=\"85\" transform=\"rotate(-90, 95, 95)\"\/><\/svg><\/figure>[vc_separator type=&#8221;transparent&#8221; up=&#8221;25&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][vc_column_text]<\/p>\n<h6>DESIGNED &amp; TESTED<\/h6>\n<p>[\/vc_column_text][vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221; color=&#8221;#283033&#8243; width=&#8221;28&#8243; thickness=&#8221;2&#8243; up=&#8221;20&#8243; up_style=&#8221;px&#8221; down=&#8221;40&#8243; down_style=&#8221;px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3 vc_col-xs-12&#8243;]<figure class=\"interactive-pie-chart \" style=\"border-color:#e4e4e4; \" data-percent=\"55\" data-hover-color=\"#18cfab\"><figcaption><\/figcaption><a href=\"#\" class=\"interactive-pie-chart-link\"><\/a><img class=\"interactive-pie-chart-image\" src=\"https:\/\/burst.qodeinteractive.com\/burst\/wp-content\/uploads\/2015\/09\/custom-icon-3.png\" alt=\"\"\/><svg width=\"200\" height=\"200\"><circle class=\"interactive-pie-chart-path\" style=\"stroke:#18cfab; \" cx=\"95\" cy=\"95\" r=\"85\" transform=\"rotate(-90, 95, 95)\"\/><\/svg><\/figure>[vc_separator type=&#8221;transparent&#8221; up=&#8221;25&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][vc_column_text]<\/p>\n<h6>FRIENDS &amp; CLIENTS<\/h6>\n<p>[\/vc_column_text][vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221; color=&#8221;#283033&#8243; width=&#8221;28&#8243; thickness=&#8221;2&#8243; up=&#8221;20&#8243; up_style=&#8221;px&#8221; down=&#8221;40&#8243; down_style=&#8221;px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3 vc_col-xs-12&#8243;]<figure class=\"interactive-pie-chart \" style=\"border-color:#e4e4e4; \" data-percent=\"85\" data-hover-color=\"#18cfab\"><figcaption><\/figcaption><a href=\"#\" class=\"interactive-pie-chart-link\"><\/a><img class=\"interactive-pie-chart-image\" src=\"https:\/\/burst.qodeinteractive.com\/burst\/wp-content\/uploads\/2015\/09\/custom-icon-4.png\" alt=\"\"\/><svg width=\"200\" height=\"200\"><circle class=\"interactive-pie-chart-path\" style=\"stroke:#18cfab; \" cx=\"95\" cy=\"95\" r=\"85\" transform=\"rotate(-90, 95, 95)\"\/><\/svg><\/figure>[vc_separator type=&#8221;transparent&#8221; up=&#8221;25&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][vc_column_text]<\/p>\n<h6>SIMPLE &amp; EASY<\/h6>\n<p>[\/vc_column_text][vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221; color=&#8221;#283033&#8243; width=&#8221;28&#8243; thickness=&#8221;2&#8243; up=&#8221;20&#8243; up_style=&#8221;px&#8221; down=&#8221;40&#8243; down_style=&#8221;px&#8221;][\/vc_column][\/vc_row][vc_row row_type=&#8221;parallax&#8221; type=&#8221;grid&#8221; text_align=&#8221;center&#8221; triangle_shape=&#8221;no&#8221; background_image=&#8221;5475&#8243; full_screen_section_height=&#8221;no&#8221; section_height=&#8221;500&#8243; zoom_effect=&#8221;no&#8221; overflow=&#8221;&#8221; box_shadow_on_row=&#8221;no&#8221;][vc_column][vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; up_style=&#8221;px&#8221; down=&#8221;130&#8243; down_style=&#8221;px&#8221;][no_elements_holder number_of_columns=&#8221;four_columns&#8221; switch_to_one_column=&#8221;768&#8243; alignment_one_column=&#8221;center&#8221;][no_elements_holder_item item_padding=&#8221;0px 0px 50px&#8221; aligment=&#8221;center&#8221; vertical_alignment=&#8221;middle&#8221; advanced_animations=&#8221;no&#8221; item_padding_600_768=&#8221;105px 0px 50px 0px&#8221; item_padding_480_600=&#8221;105px 0px 50px 0px&#8221; item_padding_480=&#8221;105px 0px 50px 0px&#8221; item_padding_768_1000=&#8221;105px 0px 50px 0px&#8221;]<figure class=\"interactive-pie-chart \" style=\"border-color:#e4e4e4; \" data-percent=\"55\" data-hover-color=\"#18cfab\"><figcaption><\/figcaption><a href=\"#\" class=\"interactive-pie-chart-link\"><\/a><img class=\"interactive-pie-chart-image\" src=\"https:\/\/burst.qodeinteractive.com\/burst\/wp-content\/uploads\/2015\/09\/custom-icon-5.png\" alt=\"\"\/><svg width=\"200\" height=\"200\"><circle class=\"interactive-pie-chart-path\" style=\"stroke:#18cfab; \" cx=\"95\" cy=\"95\" r=\"85\" transform=\"rotate(-90, 95, 95)\"\/><\/svg><\/figure>[vc_separator type=&#8221;transparent&#8221; up=&#8221;25&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][vc_column_text]<\/p>\n<h6><span style=\"color: #ffffff;\">RETINA &amp; CLEAN<\/span><\/h6>\n<p>[\/vc_column_text][vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221; color=&#8221;#ffffff&#8221; width=&#8221;28&#8243; thickness=&#8221;2&#8243; up=&#8221;20&#8243; up_style=&#8221;px&#8221; down=&#8221;40&#8243; down_style=&#8221;px&#8221;][\/no_elements_holder_item][no_elements_holder_item item_padding=&#8221;0px 0px 50px 0px&#8221; aligment=&#8221;center&#8221; vertical_alignment=&#8221;middle&#8221; advanced_animations=&#8221;no&#8221; item_padding_600_768=&#8221;0px 0px 50px 0px&#8221; item_padding_480_600=&#8221;0px 0px 50px 0px&#8221; item_padding_480=&#8221;0px 0px 50px 0px&#8221; item_padding_768_1000=&#8221;0px 0px 50px 0px&#8221;]<figure class=\"interactive-pie-chart \" style=\"border-color:#e4e4e4; \" data-percent=\"85\" data-hover-color=\"#18cfab\"><figcaption><\/figcaption><a href=\"#\" class=\"interactive-pie-chart-link\"><\/a><img class=\"interactive-pie-chart-image\" src=\"https:\/\/burst.qodeinteractive.com\/burst\/wp-content\/uploads\/2015\/09\/custom-icon-6.png\" alt=\"\"\/><svg width=\"200\" height=\"200\"><circle class=\"interactive-pie-chart-path\" style=\"stroke:#18cfab; \" cx=\"95\" cy=\"95\" r=\"85\" transform=\"rotate(-90, 95, 95)\"\/><\/svg><\/figure>[vc_separator type=&#8221;transparent&#8221; up=&#8221;25&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][vc_column_text]<\/p>\n<h6><span style=\"color: #ffffff;\">DESIGNED &amp; TESTED<\/span><\/h6>\n<p>[\/vc_column_text][vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221; color=&#8221;#ffffff&#8221; width=&#8221;28&#8243; thickness=&#8221;2&#8243; up=&#8221;20&#8243; up_style=&#8221;px&#8221; down=&#8221;40&#8243; down_style=&#8221;px&#8221;][\/no_elements_holder_item][no_elements_holder_item item_padding=&#8221;0px 0px 50px&#8221; aligment=&#8221;center&#8221; vertical_alignment=&#8221;middle&#8221; advanced_animations=&#8221;no&#8221; item_padding_600_768=&#8221;0px 0px 50px 0px&#8221; item_padding_480_600=&#8221;0px 0px 50px 0px&#8221; item_padding_480=&#8221;0px 0px 50px 0px&#8221; item_padding_768_1000=&#8221;0px 0px 50px 0px&#8221;]<figure class=\"interactive-pie-chart \" style=\"border-color:#e4e4e4; \" data-percent=\"55\" data-hover-color=\"#18cfab\"><figcaption><\/figcaption><a href=\"#\" class=\"interactive-pie-chart-link\"><\/a><img class=\"interactive-pie-chart-image\" src=\"https:\/\/burst.qodeinteractive.com\/burst\/wp-content\/uploads\/2015\/09\/custom-icon-7.png\" alt=\"\"\/><svg width=\"200\" height=\"200\"><circle class=\"interactive-pie-chart-path\" style=\"stroke:#18cfab; \" cx=\"95\" cy=\"95\" r=\"85\" transform=\"rotate(-90, 95, 95)\"\/><\/svg><\/figure>[vc_separator type=&#8221;transparent&#8221; up=&#8221;25&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][vc_column_text]<\/p>\n<h6><span style=\"color: #ffffff;\">FRIENDS &amp; CLIENTS<\/span><\/h6>\n<p>[\/vc_column_text][vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221; color=&#8221;#ffffff&#8221; width=&#8221;28&#8243; thickness=&#8221;2&#8243; up=&#8221;20&#8243; up_style=&#8221;px&#8221; down=&#8221;40&#8243; down_style=&#8221;px&#8221;][\/no_elements_holder_item][no_elements_holder_item item_padding=&#8221;0px 0px 50px&#8221; aligment=&#8221;center&#8221; vertical_alignment=&#8221;middle&#8221; advanced_animations=&#8221;no&#8221; item_padding_600_768=&#8221;0px 0px 105px 0px&#8221; item_padding_480_600=&#8221;0px 0px 105px 0px&#8221; item_padding_480=&#8221;0px 0px 105px 0px&#8221; item_padding_768_1000=&#8221;0px 0px 105px 0px&#8221;]<figure class=\"interactive-pie-chart \" style=\"border-color:#e4e4e4; \" data-percent=\"85\" data-hover-color=\"#18cfab\"><figcaption><\/figcaption><a href=\"#\" class=\"interactive-pie-chart-link\"><\/a><img class=\"interactive-pie-chart-image\" src=\"https:\/\/burst.qodeinteractive.com\/burst\/wp-content\/uploads\/2015\/09\/custom-icon-8.png\" alt=\"\"\/><svg width=\"200\" height=\"200\"><circle class=\"interactive-pie-chart-path\" style=\"stroke:#18cfab; \" cx=\"95\" cy=\"95\" r=\"85\" transform=\"rotate(-90, 95, 95)\"\/><\/svg><\/figure>[vc_separator type=&#8221;transparent&#8221; up=&#8221;25&#8243; up_style=&#8221;px&#8221; down=&#8221;0&#8243; down_style=&#8221;px&#8221;][vc_column_text]<\/p>\n<h6><span style=\"color: #ffffff;\">SIMPLE &amp; EASY<\/span><\/h6>\n<p>[\/vc_column_text][vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221; color=&#8221;#ffffff&#8221; width=&#8221;28&#8243; thickness=&#8221;2&#8243; up=&#8221;20&#8243; up_style=&#8221;px&#8221; down=&#8221;40&#8243; down_style=&#8221;px&#8221;][\/no_elements_holder_item][\/no_elements_holder][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; oblique_section=&#8221;no&#8221; text_align=&#8221;center&#8221; Overflow=&#8221;&#8221; triangle_shape=&#8221;no&#8221; padding_top=&#8221;110&#8243; padding_bottom=&#8221;60&#8243; css_animation=&#8221;&#8221; overflow=&#8221;&#8221; box_shadow_on_row=&#8221;no&#8221;][vc_column][no_elements_holder background_color=&#8221;#f3f3f4&#8243; number_of_columns=&#8221;one_column&#8221; switch_to_one_column=&#8221;&#8221; alignment_one_column=&#8221;center&#8221;][no_elements_holder_item background_color=&#8221;#f3f3f4&#8243; item_padding=&#8221;48px 130px 52px 130px&#8221; aligment=&#8221;center&#8221; vertical_alignment=&#8221;middle&#8221; advanced_animations=&#8221;no&#8221; item_padding_1300_1600=&#8221;48px 130px 52px 130px&#8221; item_padding_600_768=&#8221;8% 3% 7% 3%&#8221; item_padding_480_600=&#8221;11% 5% 10% 5%&#8221; item_padding_480=&#8221;16% 5% 10% 5%&#8221; elemnts_holder_frame=&#8221;no&#8221; item_padding_1000_1300=&#8221;48px 130px 52px&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"full_width.php","meta":[],"_links":{"self":[{"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/pages\/3979"}],"collection":[{"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/comments?post=3979"}],"version-history":[{"count":0,"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/pages\/3979\/revisions"}],"wp:attachment":[{"href":"https:\/\/burst.qodeinteractive.com\/burst\/wp-json\/wp\/v2\/media?parent=3979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}