{"id":1233,"date":"2016-11-14T10:09:08","date_gmt":"2016-11-14T10:09:08","guid":{"rendered":"https:\/\/kingthe.me\/vixa\/?page_id=1233"},"modified":"2016-11-14T10:09:08","modified_gmt":"2016-11-14T10:09:08","slug":"pie-charts","status":"publish","type":"page","link":"https:\/\/simonhardenne.com\/index.php\/elements\/pie-charts\/","title":{"rendered":"Pie Charts"},"content":{"rendered":"<p><section class=\"kc-elm kc-css-858442 kc_row shortcode_piechart_section1\"><div class=\"kc-row-container  kc-container  container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-428191 kc_col-sm-12 kc_column kc_col-sm-12\"><div class=\"kc-col-container\">\n<div class=\"kc-elm kc-css-331026 kc-animated kc-animate-eff-fadeInUp kc-animate-delay-100 kc-title-wrap \">\n\n\t<h3 class=\"kc_title title-style1\">With diffrent color of charts<\/h3>\n<\/div>\n<div id=\" \" class=\"kc-elm kc-css-749694 kc_row kc_row_inner\"><div class=\"kc-elm kc-css-789395 kc_col-sm-3 kc_column_inner kc_col-sm-3\"><div class=\"kc_wrapper kc-col-inner-container\"><div class=\"kc-pie-chart-wrapper kc-elm kc-css-126308 \">\n\t<div class=\"kc-pie-chart-holder\">\n\t\t<span data-size=\"195\" data-percent=\"78%\" data-linecap=\"yes\" data-barcolor=\"#d6d1b1\" data-trackcolor=\"rgba(214, 209, 177, 0.16)\" data-autowidth=\"\" data-linewidth=\"8\" class=\"kc_shortcode kc_piechart\">\n\t\t\t<span class=\"pie_chart_percent\">\n\t\t\t\t\t\t\t\t<span class=\"percent\"><\/span>\n\t\t\t<\/span>\n\t\t<\/span>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-906223\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-19937 kc_col-sm-3 kc_column_inner kc_col-sm-3\"><div class=\"kc_wrapper kc-col-inner-container\"><div class=\"kc-pie-chart-wrapper kc-elm kc-css-413533 \">\n\t<div class=\"kc-pie-chart-holder\">\n\t\t<span data-size=\"195\" data-percent=\"38%\" data-linecap=\"yes\" data-barcolor=\"#5eb8ed\" data-trackcolor=\"rgba(221, 221, 221, 0.37)\" data-autowidth=\"\" data-linewidth=\"8\" class=\"kc_shortcode kc_piechart\">\n\t\t\t<span class=\"pie_chart_percent\">\n\t\t\t\t\t\t\t\t<span class=\"percent\"><\/span>\n\t\t\t<\/span>\n\t\t<\/span>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-490532\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-122244 kc_col-sm-3 kc_column_inner kc_col-sm-3\"><div class=\"kc_wrapper kc-col-inner-container\"><div class=\"kc-pie-chart-wrapper kc-elm kc-css-41467 \">\n\t<div class=\"kc-pie-chart-holder\">\n\t\t<span data-size=\"195\" data-percent=\"79%\" data-linecap=\"yes\" data-barcolor=\"rgba(145, 129, 138, 0.70)\" data-trackcolor=\"#eeeeee\" data-autowidth=\"\" data-linewidth=\"8\" class=\"kc_shortcode kc_piechart\">\n\t\t\t<span class=\"pie_chart_percent\">\n\t\t\t\t\t\t\t\t<span class=\"percent\"><\/span>\n\t\t\t<\/span>\n\t\t<\/span>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-762623\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-973179 kc_col-sm-3 kc_column_inner kc_col-sm-3\"><div class=\"kc_wrapper kc-col-inner-container\"><div class=\"kc-pie-chart-wrapper kc-elm kc-css-73157 \">\n\t<div class=\"kc-pie-chart-holder\">\n\t\t<span data-size=\"195\" data-percent=\"61%\" data-linecap=\"yes\" data-barcolor=\"rgba(255, 22, 84, 1)\" data-trackcolor=\"rgba(255, 22, 84, 0.08)\" data-autowidth=\"\" data-linewidth=\"8\" class=\"kc_shortcode kc_piechart\">\n\t\t\t<span class=\"pie_chart_percent\">\n\t\t\t\t\t\t\t\t<span class=\"percent\"><\/span>\n\t\t\t<\/span>\n\t\t<\/span>\n\t<\/div>\n<\/div>\n<div class=\"kc-elm kc-css-489519\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><\/div><div class=\"kc-elm kc-css-431662\" style=\"height: 50px; clear: both; width:100%;\"><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"kc-elm kc-css-649410 kc_row shortcode_piechart_section2 bg-scroll\"><div class=\"kc-row-container  kc-container  container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-732166 kc_col-sm-12 kc_column kc_col-sm-12\"><div class=\"kc-col-container\">\n<div class=\"kc-elm kc-css-505196 kc-animated kc-animate-eff-fadeInUp kc-animate-delay-100 kc-title-wrap \">\n\n\t<h3 class=\"kc_title title-style1\">With title and description<\/h3>\n<\/div>\n<div class=\"kc-elm kc-css-456070 kc_row kc_row_inner\"><div class=\"kc-elm kc-css-442933 kc_col-sm-3 kc_column_inner kc_col-sm-3\"><div class=\"kc_wrapper kc-col-inner-container\"><div class=\"kc-pie-chart-wrapper kc-elm kc-css-458635 \">\n\t<div class=\"kc-pie-chart-holder\">\n\t\t<span data-size=\"195\" data-percent=\"75%\" data-linecap=\"yes\" data-barcolor=\"#FFFFFF\" data-trackcolor=\"rgba(255, 255, 255, 0.25)\" data-autowidth=\"\" data-linewidth=\"8\" class=\"kc_shortcode kc_piechart\">\n\t\t\t<span class=\"pie_chart_percent\">\n\t\t\t\t\t\t\t\t<span class=\"percent\"><\/span>\n\t\t\t<\/span>\n\t\t<\/span>\n\t<\/div>\n<\/div>\n\n<div class=\"kc-elm kc-css-916632 kc-title-wrap \">\n\n\t<h4 class=\"kc_title\">CREATIVITY<\/h4>\n<\/div>\n<div class=\"kc-elm kc-css-594918 kc_text_block\"><\/p>\n<p>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis massa ut cursus tincidunt. Aenean eleifend ex eros<\/p>\n<p>\n<\/div><div class=\"kc-elm kc-css-809929\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-773505 kc_col-sm-3 kc_column_inner kc_col-sm-3\"><div class=\"kc_wrapper kc-col-inner-container\"><div class=\"kc-pie-chart-wrapper kc-elm kc-css-261668 \">\n\t<div class=\"kc-pie-chart-holder\">\n\t\t<span data-size=\"195\" data-percent=\"43%\" data-linecap=\"yes\" data-barcolor=\"#FFFFFF\" data-trackcolor=\"rgba(255, 255, 255, 0.25)\" data-autowidth=\"\" data-linewidth=\"8\" class=\"kc_shortcode kc_piechart\">\n\t\t\t<span class=\"pie_chart_percent\">\n\t\t\t\t\t\t\t\t<span class=\"percent\"><\/span>\n\t\t\t<\/span>\n\t\t<\/span>\n\t<\/div>\n<\/div>\n\n<div class=\"kc-elm kc-css-883186 kc-title-wrap \">\n\n\t<h4 class=\"kc_title\">SKILLS<\/h4>\n<\/div>\n<div class=\"kc-elm kc-css-31708 kc_text_block\"><\/p>\n<p>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis massa ut cursus tincidunt. Aenean eleifend ex eros<\/p>\n<p>\n<\/div><div class=\"kc-elm kc-css-329799\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-859796 kc_col-sm-3 kc_column_inner kc_col-sm-3\"><div class=\"kc_wrapper kc-col-inner-container\"><div class=\"kc-pie-chart-wrapper kc-elm kc-css-458089 \">\n\t<div class=\"kc-pie-chart-holder\">\n\t\t<span data-size=\"195\" data-percent=\"79%\" data-linecap=\"yes\" data-barcolor=\"#FFFFFF\" data-trackcolor=\"rgba(255, 255, 255, 0.25)\" data-autowidth=\"\" data-linewidth=\"8\" class=\"kc_shortcode kc_piechart\">\n\t\t\t<span class=\"pie_chart_percent\">\n\t\t\t\t\t\t\t\t<span class=\"percent\"><\/span>\n\t\t\t<\/span>\n\t\t<\/span>\n\t<\/div>\n<\/div>\n\n<div class=\"kc-elm kc-css-221817 kc-title-wrap \">\n\n\t<h4 class=\"kc_title\">IDEAS<\/h4>\n<\/div>\n<div class=\"kc-elm kc-css-421941 kc_text_block\"><\/p>\n<p>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis massa ut cursus tincidunt. Aenean eleifend ex eros<\/p>\n<p>\n<\/div><div class=\"kc-elm kc-css-71041\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-741099 kc_col-sm-3 kc_column_inner kc_col-sm-3\"><div class=\"kc_wrapper kc-col-inner-container\"><div class=\"kc-pie-chart-wrapper kc-elm kc-css-917742 \">\n\t<div class=\"kc-pie-chart-holder\">\n\t\t<span data-size=\"195\" data-percent=\"56%\" data-linecap=\"yes\" data-barcolor=\"#FFFFFF\" data-trackcolor=\"rgba(255, 255, 255, 0.25)\" data-autowidth=\"\" data-linewidth=\"8\" class=\"kc_shortcode kc_piechart\">\n\t\t\t<span class=\"pie_chart_percent\">\n\t\t\t\t\t\t\t\t<span class=\"percent\"><\/span>\n\t\t\t<\/span>\n\t\t<\/span>\n\t<\/div>\n<\/div>\n\n<div class=\"kc-elm kc-css-535909 kc-title-wrap \">\n\n\t<h4 class=\"kc_title\">IDENTITY<\/h4>\n<\/div>\n<div class=\"kc-elm kc-css-765436 kc_text_block\"><\/p>\n<p>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis massa ut cursus tincidunt. Aenean eleifend ex eros<\/p>\n<p>\n<\/div><div class=\"kc-elm kc-css-883871\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><\/div><div class=\"kc-elm kc-css-960173\" style=\"height: 50px; clear: both; width:100%;\"><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"kc-elm kc-css-488107 kc_row shortcode_piechart_section3\"><div class=\"kc-row-container  kc-container  container\"><div class=\"kc-wrap-columns\"><div class=\"kc-elm kc-css-632360 kc_col-sm-12 kc_column kc_col-sm-12\"><div class=\"kc-col-container\">\n<div class=\"kc-elm kc-css-844234 kc-animated kc-animate-eff-fadeInUp kc-animate-delay-100 kc-title-wrap \">\n\n\t<h3 class=\"kc_title title-style1\">With icon<\/h3>\n<\/div>\n<div id=\" \" class=\"kc-elm kc-css-194209 kc_row kc_row_inner\"><div class=\"kc-elm kc-css-445326 kc_col-sm-3 kc_column_inner kc_col-sm-3\"><div class=\"kc_wrapper kc-col-inner-container\"><div class=\"kc-pie-chart-wrapper kc-elm kc-css-158686 \">\n\t<div class=\"kc-pie-chart-holder\">\n\t\t<span data-size=\"220\" data-percent=\"45%\" data-linecap=\"\" data-barcolor=\"rgba(112, 193, 179, 1)\" data-trackcolor=\"rgba(112, 193, 179, 0.16)\" data-autowidth=\"\" data-linewidth=\"8\" class=\"kc_shortcode kc_piechart\">\n\t\t\t<span class=\"pie_chart_percent\">\n\t\t\t\t\t\t\t\t\t<i class=\"sl-layers pie_chart_icon\"><\/i>\n\t\t\t\t\t\t\t\t<span class=\"percent\"><\/span>\n\t\t\t<\/span>\n\t\t<\/span>\n\t<\/div>\n<\/div>\n\n<div class=\"kc-elm kc-css-857413 kc-title-wrap \">\n\n\t<h4 class=\"kc_title\">Design<\/h4>\n<\/div>\n<div class=\"kc-elm kc-css-227442\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-523126 kc_col-sm-3 kc_column_inner kc_col-sm-3\"><div class=\"kc_wrapper kc-col-inner-container\"><div class=\"kc-pie-chart-wrapper kc-elm kc-css-363788 \">\n\t<div class=\"kc-pie-chart-holder\">\n\t\t<span data-size=\"220\" data-percent=\"86%\" data-linecap=\"\" data-barcolor=\"rgba(240, 182, 127, 1)\" data-trackcolor=\"rgba(240, 182, 127, 0.18)\" data-autowidth=\"\" data-linewidth=\"8\" class=\"kc_shortcode kc_piechart\">\n\t\t\t<span class=\"pie_chart_percent\">\n\t\t\t\t\t\t\t\t\t<i class=\"sl-cursor pie_chart_icon\"><\/i>\n\t\t\t\t\t\t\t\t<span class=\"percent\"><\/span>\n\t\t\t<\/span>\n\t\t<\/span>\n\t<\/div>\n<\/div>\n\n<div class=\"kc-elm kc-css-777660 kc-title-wrap \">\n\n\t<h4 class=\"kc_title\">HTML5 & CSS3<\/h4>\n<\/div>\n<div class=\"kc-elm kc-css-168917\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-715040 kc_col-sm-3 kc_column_inner kc_col-sm-3\"><div class=\"kc_wrapper kc-col-inner-container\"><div class=\"kc-pie-chart-wrapper kc-elm kc-css-861679 \">\n\t<div class=\"kc-pie-chart-holder\">\n\t\t<span data-size=\"220\" data-percent=\"29%\" data-linecap=\"\" data-barcolor=\"rgba(230, 57, 70, 1)\" data-trackcolor=\"rgba(230, 57, 70, 0.12)\" data-autowidth=\"\" data-linewidth=\"8\" class=\"kc_shortcode kc_piechart\">\n\t\t\t<span class=\"pie_chart_percent\">\n\t\t\t\t\t\t\t\t\t<i class=\"sl-game-controller pie_chart_icon\"><\/i>\n\t\t\t\t\t\t\t\t<span class=\"percent\"><\/span>\n\t\t\t<\/span>\n\t\t<\/span>\n\t<\/div>\n<\/div>\n\n<div class=\"kc-elm kc-css-874068 kc-title-wrap \">\n\n\t<h4 class=\"kc_title\">Javascript<\/h4>\n<\/div>\n<div class=\"kc-elm kc-css-754262\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><div class=\"kc-elm kc-css-553795 kc_col-sm-3 kc_column_inner kc_col-sm-3\"><div class=\"kc_wrapper kc-col-inner-container\"><div class=\"kc-pie-chart-wrapper kc-elm kc-css-375280 \">\n\t<div class=\"kc-pie-chart-holder\">\n\t\t<span data-size=\"220\" data-percent=\"76%\" data-linecap=\"\" data-barcolor=\"rgba(11, 3, 45, 0.84)\" data-trackcolor=\"rgba(11, 3, 45, 0.09)\" data-autowidth=\"\" data-linewidth=\"8\" class=\"kc_shortcode kc_piechart\">\n\t\t\t<span class=\"pie_chart_percent\">\n\t\t\t\t\t\t\t\t\t<i class=\"sl-rocket pie_chart_icon\"><\/i>\n\t\t\t\t\t\t\t\t<span class=\"percent\"><\/span>\n\t\t\t<\/span>\n\t\t<\/span>\n\t<\/div>\n<\/div>\n\n<div class=\"kc-elm kc-css-410508 kc-title-wrap \">\n\n\t<h4 class=\"kc_title\">Branding<\/h4>\n<\/div>\n<div class=\"kc-elm kc-css-490525\" style=\"height: 30px; clear: both; width:100%;\"><\/div><\/div><\/div><\/div><div class=\"kc-elm kc-css-972240\" style=\"height: 50px; clear: both; width:100%;\"><\/div><\/div><\/div><\/div><\/div><\/section><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":1216,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/pages\/1233"}],"collection":[{"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/comments?post=1233"}],"version-history":[{"count":0,"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/pages\/1233\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/pages\/1216"}],"wp:attachment":[{"href":"https:\/\/simonhardenne.com\/index.php\/wp-json\/wp\/v2\/media?parent=1233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}