INFOGRAPHICS

[h5_with_line title=’PROGRESS BAR (Fully customizable)’ title_color=” link_text=” link_color=” link=” target=”]

[two_col_50_50_col1]

[progress_bars]

[progress_bar title=”DESIGN” percent=”90″ color=’#69b200′ percent_color=” active_background_color=” noactive_background_color=’#ffffff’ height=’10’]
[progress_bar title=”RESPONSIVE” percent=”60″ color=’#69b200′ percent_color=” active_background_color=” noactive_background_color=’#ffffff’ height=’15’]
[progress_bar title=”RETINA READY” percent=”85″ color=’#69b200′ percent_color=” active_background_color=” noactive_background_color=’#ffffff’ height=’20’]

[/progress_bars]

[/two_col_50_50_col1]
[two_col_50_50_col2]

[progress_bars]

[progress_bar title=”DESIGN” percent=”60″ color=’#333333′ percent_color=’#333333′ active_background_color=’#69b200′ noactive_background_color=’#f4f4f4′ height=’10’]
[progress_bar title=”RESPONSIVE” percent=”77″ color=’#333333′ percent_color=’#333333′ active_background_color=’#69b200′ noactive_background_color=’#f4f4f4′ height=’15’]
[progress_bar title=”RETINA READY” percent=”94″ color=’#333333′ percent_color=’#333333′ active_background_color=’#69b200′ noactive_background_color=’#f4f4f4′ height=’20’]

[/progress_bars]

[/two_col_50_50_col2]

[separator type=’transparent’ color=” thickness=” up=’24’ down=’5′]

[h5_with_line title=’PROGRESS BAR VERTICAL (Fully customizable)’ title_color=” link_text=” link_color=” link=” target=”]

[separator type=’transparent’ color=” thickness=” up=’24’ down=’10’]

[two_col_50_50_col1]

[progress_bars_vertical]

[progress_bar_vertical title=”DESIGN” percent=”66″ background_color=” percentage_color=” text_color=” text_size=”]

[/progress_bar_vertical]
[progress_bar_vertical title=”DESIGN” percent=”82″ background_color=” percentage_color=” text_color=” text_size=”]

[/progress_bar_vertical]
[progress_bar_vertical title=”DESIGN” percent=”75″ background_color=” percentage_color=” text_color=” text_size=”]

[/progress_bar_vertical]

[/progress_bars_vertical]

[/two_col_50_50_col1]
[two_col_50_50_col2]

[progress_bars_vertical]

[progress_bar_vertical title=”DESIGN” percent=”66″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]
[progress_bar_vertical title=”DESIGN” percent=”82″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]
[progress_bar_vertical title=”DESIGN” percent=”95″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]

[progress_bar_vertical title=”DESIGN” percent=”46″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]

[progress_bar_vertical title=”DESIGN” percent=”72″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]

[progress_bar_vertical title=”DESIGN” percent=”82″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]
[progress_bar_vertical title=”DESIGN” percent=”95″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]

[progress_bar_vertical title=”DESIGN” percent=”46″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]

[progress_bar_vertical title=”DESIGN” percent=”72″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]

[/progress_bars_vertical]

[/two_col_50_50_col2]

[separator type=’transparent’ color=” thickness=” up=’26’ down=’20’]

[h5_with_line title=’CHARTS (Fully customizable)’ title_color=” link_text=” link_color=” link=” target=”]

[separator type=’transparent’ color=” thickness=” up=’24’ down=’10’]

[four_col_col1]

[pie_chart type=’normal’ title=’PIE CHART TITLE’ title_color=’#69b200′ percent=’48’ percentage_color=” active_color=” noactive_color=’#ffffff’ line_width=”]

Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo.

[/pie_chart]

[/four_col_col1]
[four_col_col2]

[pie_chart type=’normal’ title=’PIE CHART TITLE’ title_color=’#69b200′ percent=’82’ percentage_color=” active_color=” noactive_color=’#ffffff’ line_width=’15’]

Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo.

[/pie_chart]

[/four_col_col2]
[four_col_col3]

[pie_chart type=’normal’ title=’PIE CHART TITLE’ title_color=” percent=’68’ percentage_color=” active_color=” noactive_color=’transparent’ line_width=’20’]

Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo.

[/pie_chart]

[/four_col_col3]
[four_col_col4]

[pie_chart type=’normal’ title=’PIE CHART TITLE’ title_color=” percent=’98’ percentage_color=” active_color=” noactive_color=’transparent’ line_width=’25’]

Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo.

[/pie_chart]

[/four_col_col4]

[separator type=’transparent’ color=” thickness=” up=’26’ down=’15’]

[h5_with_line title=’PIE (Fully customizable)’ title_color=” link_text=” link_color=” link=” target=”]

[separator type=’transparent’ color=” thickness=” up=’24’ down=’10’]

[two_col_50_50_col1]

[pie_chart2 color=”]20,#69b200,Legend One;30,#a1cc62,Legend Two;50,#e0e0e0,Legend Three[/pie_chart2]

[/two_col_50_50_col1]
[two_col_50_50_col2]

[pie_chart2 width=’220′ height=’220′ color=”]10,#69b200,Legend One;35,#a1cc62,Legend Two;55,#e0e0e0,Legend Three[/pie_chart2]

[/two_col_50_50_col2]

[separator type=’transparent’ color=” thickness=” up=’24’ down=’20’]

[h5_with_line title=’DOUGHNUT (Fully customizable)’ title_color=” link_text=” link_color=” link=” target=”]

[separator type=’transparent’ color=” thickness=” up=’25’ down=’10’]

[two_col_50_50_col1]

[pie_chart3 color=”]20,#69b200,Legend One;30,#a1cc62,Legend Two;50,#e0e0e0,Legend Three[/pie_chart3]

[/two_col_50_50_col1]
[two_col_50_50_col2]

[pie_chart3 width=’220′ height=’220′ color=”]10,#69b200,Legend One;35,#a1cc62,Legend Two;55,#e0e0e0,Legend Three[/pie_chart3]

[/two_col_50_50_col2]

[separator type=’transparent’ color=” thickness=” up=’25’ down=’20’]

[h5_with_line title=’LINE GRAPH (Fully customizable)’ title_color=” link_text=” link_color=” link=” target=”]

[separator type=’transparent’ color=” thickness=” up=’24’ down=’10’]

[line_graph width=’900′ height=’400′ custom_color=” type=’rounded’ labels=’Label 1, Label 2, Label 3, Label 4′]#69b200,Legend One,100,78,56,88;#a1cc62,Legend Two,50,88,196,75;#e0e0e0,Legend Three,30,60,18,71[/line_graph]

[separator type=’transparent’ color=” thickness=” up=’24’ down=’5′]

[line_graph width=’900′ height=’400′ custom_color=” type=’sharp’ labels=’Label 1, Label 2, Label 3, Label 4′]#69b200,Legend One,100,78,56,88;#a1cc62,Legend Two,50,88,196,75;#e0e0e0,Legend Three,30,60,18,71[/line_graph]

Leave a Reply