Pie Charts & Skills

[vc_row el_class=”pd-top-100 sm-pd-top-80 xs-pd-top-60 pd-bottom-75 sm-pd-bottom-35 xs-pd-bottom-15″][vc_column offset=”vc_col-md-4 vc_col-xs-12″ el_class=”sm-mg-bottom-40″][vc_column_text]

PIE CHART

A bar chart or bar graph is a chart that presents grouped data with rectangular bars with lengths proportional to the values that they represent.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

[/vc_column_text][/vc_column][vc_column offset=”vc_col-md-8 vc_col-xs-12″][vc_row_inner][vc_column_inner el_class=”col-mb-12 md-mg-bottom-40″ width=”1/2″ offset=”vc_col-lg-3 vc_col-md-6 vc_col-xs-6″][g5plus_pie_chart value=”60″ title=”ILLUSTRATION” units=”%” value_color=”#222222″ title_color=”#222222″][/vc_column_inner][vc_column_inner el_class=”col-mb-12 md-mg-bottom-40″ width=”1/2″ offset=”vc_col-lg-3 vc_col-md-6 vc_col-xs-6″][g5plus_pie_chart value=”90″ title=”DESIGN” units=”%” value_color=”#222222″ title_color=”#222222″][/vc_column_inner][vc_column_inner el_class=”col-mb-12 md-mg-bottom-40″ width=”1/2″ offset=”vc_col-lg-3 vc_col-md-6 vc_col-xs-6″][g5plus_pie_chart value=”75″ title=”HTML/CSS” units=”%” value_color=”#222222″ title_color=”#222222″][/vc_column_inner][vc_column_inner el_class=”col-mb-12″ width=”1/2″ offset=”vc_col-lg-3 vc_col-md-6 vc_col-xs-6″][g5plus_pie_chart value=”80″ title=”MARKETING” units=”%” value_color=”#222222″ title_color=”#222222″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1471484415289{background-color: #f9f9f9 !important;}” el_class=”pd-top-95 sm-pd-top-75 xs-pd-top-55 pd-bottom-75 sm-pd-bottom-55 xs-pd-bottom-35″][vc_column width=”1/2″ offset=”vc_col-md-4″ el_class=”xs-mg-bottom-40″][vc_column_text]

SKILLS STYLE 1

The bars can be plotted vertically or horizontally. A vertical bar chart is sometimes called a column bar chart.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

[/vc_column_text][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-offset-2″][vc_progress_bar layout_style=”prb_vl_right” values=”%5B%7B%22label%22%3A%22ILLUSTRATION%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22DESIGN%22%2C%22value%22%3A%22100%22%7D%2C%7B%22label%22%3A%22HTML%2FCSS%22%2C%22value%22%3A%2275%22%7D%2C%7B%22label%22%3A%22MARKETING%22%2C%22value%22%3A%2280%22%7D%5D” bgcolor=”custom” units=”%” custombgcolor=”#3cbabd” customtxtcolor=”#999999″][/vc_column][/vc_row][vc_row full_width=”stretch_row” el_class=”pd-top-95 sm-pd-top-75 xs-pd-top-55 pd-bottom-75 sm-pd-bottom-55 xs-pd-bottom-35″][vc_column width=”1/2″ offset=”vc_col-md-4″ el_class=”xs-mg-bottom-40″][vc_column_text]

SKILLS STYLE 2

A bar graph is a chart that use either horizontal or vertical bars to show comparisons among categories.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

[/vc_column_text][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-offset-2″][vc_progress_bar layout_style=”prb_vl_right” values=”%5B%7B%22label%22%3A%22ILLUSTRATION%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22DESIGN%22%2C%22value%22%3A%22100%22%7D%2C%7B%22label%22%3A%22HTML%2FCSS%22%2C%22value%22%3A%2275%22%7D%2C%7B%22label%22%3A%22MARKETING%22%2C%22value%22%3A%2280%22%7D%5D” bgcolor=”custom” units=”%” custombgcolor=”#222222″ customtxtcolor=”#999999″][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1471484415289{background-color: #f9f9f9 !important;}” el_class=”pd-top-95 sm-pd-top-75 xs-pd-top-55 pd-bottom-75 sm-pd-bottom-55 xs-pd-bottom-35″][vc_column width=”1/2″ offset=”vc_col-md-4″ el_class=”xs-mg-bottom-40″][vc_column_text]

SKILLS STYLE 3

One axis of the chart shows the specific categories being compared, and the other axis represents a discrete value. Some bar graphs present bars clustered in groups of more than one

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

[/vc_column_text][/vc_column][vc_column width=”1/2″ offset=”vc_col-md-offset-2″][vc_progress_bar layout_style=”prb_vl_move” values=”%5B%7B%22label%22%3A%22ILLUSTRATION%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22DESIGN%22%2C%22value%22%3A%22100%22%7D%2C%7B%22label%22%3A%22HTML%2FCSS%22%2C%22value%22%3A%2275%22%7D%2C%7B%22label%22%3A%22MARKETING%22%2C%22value%22%3A%2280%22%7D%5D” bgcolor=”custom” units=”%” custombgcolor=”#3cbabd” customtxtcolor=”#999999″][/vc_column][/vc_row]