Charts

[section_header level=”3″ header=”Circle”]
[graph_box header=”Graphic Design ” percentage=”95″ percentage_bar_color=”#9cdf3a” secondary_bar_color=”#eeeeee”]Graphic design is the process of visual communication, and problem-solving through the use of type, space, image and color.[/graph_box]
[graph_box header=”Frontend” percentage=”100″ percentage_bar_color=”#9cdf3a” secondary_bar_color=”#eeeeee”]Front End Development, also known as Client Side Development is the practice of producing HTML, CSS and Javascript for a website or web application.[/graph_box]
[graph_box header=”Backend” percentage=”90″ percentage_bar_color=”#9cdf3a” secondary_bar_color=”#eeeeee”]Back End Development, also known as Server Side Development is the practice of producing PHP web application.[/graph_box]
[section_header level=”3″ header=”Bar”]
[chart_bar width=”583″ height=”583″ labels=”January,February,March,April,May,June,July” scale_font_color=”#666666″][chart_bar_item data=”2,50,19,99,79,14,41″ fill_color=”#fda1a4″ stroke_color=”#fc4349″ highlight_fill=”#fc4349″ point_highlight_stroke=”#fc4349″][chart_bar_item data=”22,48,61,39,39,97,58″ fill_color=”#d6e8af” stroke_color=”#add260″ highlight_fill=”#add260″ point_highlight_stroke=”#add260″][/chart_bar]
[chart_bar width=”583″ height=”583″ labels=”Steam,Origin,uPlay,Desura,Battle.net” scale_font_color=”#666666″][chart_bar_item data=”59,3,45,90,24″ fill_color=”#fda1a4″ stroke_color=”#fc4349″ highlight_fill=”#fc4349″ point_highlight_stroke=”#fc4349″][chart_bar_item data=”28,93,82,83,9″ fill_color=”#d6e8af” stroke_color=”#add260″ highlight_fill=”#add260″ point_highlight_stroke=”#add260″][/chart_bar]
[section_header level=”3″ header=”Line”]
[chart_line width=”583″ height=”583″ labels=”January,February,March,April,May,June,July” scale_font_color=”#666666″ scale_show_grid_lines=”1″][chart_line_item data=”93,26,70,66,23,51,47″ fill_color=”#fc4349″ stroke_color=”#fc4349″ point_color=”#dcdcdc” point_stroke_color=”#ffffff” point_highlight_stroke=”#dcdcdc”][chart_line_item data=”59,98,16,16,47,90,88″ fill_color=”rgba(234,241,245,0.11)” stroke_color=”#97bbcd” point_color=”#97bbcd” point_stroke_color=”#ffffff” point_highlight_fill=”#ffffff” point_highlight_stroke=”#97bbcd”][/chart_line]
[section_header level=”3″ header=”Radar”]
[chart_radar width=”583″ height=”437″ labels=”Eating,Drinking,Sleeping,Designing,Coding,Cycling,Running” scale_font_color=”#666666″ point_label_font_color=”#666666″][chart_radar_item data=”65,59,90,81,56,55,40″ label=”My First dataset” fill_color=”rgba(220,220,220,0.2)” stroke_color=”#dcdcdc” point_color=”#dcdcdc” point_stroke_color=”fff” point_highlight_fill=”#dcdcdc” point_highlight_stroke=”#dabf77″][chart_radar_item data=”28,48,40,19,96,27,100″ label=”My Second dataset” fill_color=”rgba(218,191,119,0.5)” stroke_color=”#dabf77″ point_color=”#dabf77″ point_stroke_color=”#ffffff” point_highlight_fill=”#ffffff” point_highlight_stroke=”#dabf77″][/chart_radar]
[section_header level=”3″ header=”Polar”]
[chart_polararea width=”583″ height=”437″ scale_font_color=”#666666″ scale_backdrop_color=”rgba(2,2,2,0.05)”][chart_polararea_item value=”300″ legend=”Purple” color=”#f7464a” highlight=”rgba(247,70,74,0.5)”][chart_polararea_item value=”100″ legend=”Yellow” color=”#fdb45c” highlight=”rgba(253,180,92,0.5)”][chart_polararea_item value=”50″ legend=”Green” color=”#46bfbd” highlight=”rgba(70,191,189,0.5)”][chart_polararea_item value=”40″ legend=”Grey” color=”#949fb1″ highlight=”rgba(148,159,177,0.5)”][chart_polararea_item value=”120″ legend=”Dark grey” color=”#4d5360″ highlight=”rgba(77,83,96,0.5)”][/chart_polararea]