Charts & Bars

[vc_row][vc_column][vc_custom_heading text=”Progress Bars” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1511294157379{margin-bottom: 20px !important;}”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_progress_bar values=”%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Graphics%22%2C%22value%22%3A%2260%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2250%22%7D%5D” bgcolor=”custom” options=”striped,animated” custombgcolor=”#39c8df” customtxtcolor=”#ffffff” x_largebbresponsive=”.bb_custom_1511293962057{line-height:20px!important;font-size:16px!important;}”][/vc_column][vc_column width=”1/3″ x_largebbresponsive=”.bb_custom_1511293652373{line-height:20px!important;font-size:16px!important;}”][vc_progress_bar values=”%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22color%22%3A%22custom%22%2C%22customcolor%22%3A%22%23ce1482%22%2C%22customtxtcolor%22%3A%22%23ffffff%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22color%22%3A%22custom%22%2C%22customcolor%22%3A%22%23ff0061%22%2C%22customtxtcolor%22%3A%22%23ffffff%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22color%22%3A%22custom%22%2C%22customcolor%22%3A%22%23ff0a26%22%2C%22customtxtcolor%22%3A%22%23ffffff%22%7D%2C%7B%22label%22%3A%22Graphics%22%2C%22value%22%3A%2260%22%2C%22color%22%3A%22custom%22%2C%22customcolor%22%3A%22%23ff4c00%22%2C%22customtxtcolor%22%3A%22%23ffffff%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2250%22%2C%22color%22%3A%22custom%22%2C%22customcolor%22%3A%22%23ffb300%22%2C%22customtxtcolor%22%3A%22%23ffffff%22%7D%5D” bgcolor=”custom” custombgcolor=”#00a0e3″ customtxtcolor=”#ffffff”][/vc_column][vc_column width=”1/3″][vc_progress_bar values=”%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22color%22%3A%22custom%22%2C%22customcolor%22%3A%22%23311847%22%2C%22customtxtcolor%22%3A%22%23ffffff%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22color%22%3A%22custom%22%2C%22customcolor%22%3A%22%23a01a7d%22%2C%22customtxtcolor%22%3A%22%23ffffff%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22color%22%3A%22custom%22%2C%22customcolor%22%3A%22%23ec4067%22%2C%22customtxtcolor%22%3A%22%23ffffff%22%7D%2C%7B%22label%22%3A%22Graphics%22%2C%22value%22%3A%2260%22%2C%22color%22%3A%22custom%22%2C%22customcolor%22%3A%22%23ef5d60%22%2C%22customtxtcolor%22%3A%22%23ffffff%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2250%22%2C%22color%22%3A%22custom%22%2C%22customcolor%22%3A%22%23e09f7d%22%2C%22customtxtcolor%22%3A%22%23ffffff%22%7D%5D” bgcolor=”custom” customtxtcolor=”#ffffff” x_largebbresponsive=”.bb_custom_1511293972001{line-height:20px!important;font-size:16px!important;}”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space][vc_custom_heading text=”Pie Charts” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1511294172837{margin-bottom: 20px !important;}”][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_pie value=”60″ color=”custom” custom_color=”#39c8df”][/vc_column][vc_column width=”1/4″][vc_pie value=”70″ color=”custom” custom_color=”#00a0e3″][/vc_column][vc_column width=”1/4″][vc_pie value=”80″ color=”custom” custom_color=”#999999″][/vc_column][vc_column width=”1/4″][vc_pie value=”90″ color=”custom” custom_color=”#232323″][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space][vc_custom_heading text=”Round Charts” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1511295302638{margin-bottom: 20px !important;}”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_round_chart type=”doughnut” style=”custom” stroke_width=”0″ values=”%5B%7B%22title%22%3A%22One%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%2339c8df%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%2308a8d8%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22peacoc%22%2C%22custom_color%22%3A%22%2300a1ce%22%7D%5D”][/vc_column][vc_column width=”1/3″][vc_round_chart style=”custom” stroke_width=”2″ values=”%5B%7B%22title%22%3A%22One%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23ce1581%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%23ff0a27%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22peacoc%22%2C%22custom_color%22%3A%22%23ffb301%22%7D%5D”][/vc_column][vc_column width=”1/3″][vc_round_chart type=”doughnut” style=”custom” stroke_width=”5″ values=”%5B%7B%22title%22%3A%22One%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23232323%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%23999999%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22peacoc%22%2C%22custom_color%22%3A%22%23e6e6e6%22%7D%5D”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space][vc_custom_heading text=”Line Charts” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1511295343086{margin-bottom: 20px !important;}”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_line_chart style=”custom” legend=”” values=”%5B%7B%22title%22%3A%22One%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%2339c8df%22%7D%5D”][/vc_column][vc_column width=”1/2″][vc_line_chart type=”line” style=”custom” legend=”” values=”%5B%7B%22title%22%3A%22One%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%2339c8df%22%7D%5D”][/vc_column][/vc_row]

Scroll to Top