This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Percent to Infograph

Description

Percent to Infograph represents simple percent (%) into Infograph with some effects. [percent_to_graph] Shortcode made it so simple, all you need is to copy [percent_to_graph data_percent=”70″ data_text=”70%”] to your post content box. You can adjust almost all values of your Infograph by passing values to variables. Here is full list of variable with some example values:

Screenshots

  • screenshot-1.jpg

Installation

  1. Install as regular WordPress plugin.
  2. Go your Pluings setting via WordPress Dashboard and activate it.

after activating plugin create a post and copy-paste the following shortcode:

[percent_to_graph data_percent=”30″ data_text=”30%” data_info=” Value Increased” data_width=”25″ data_fontsize=”16″ data_dimension=”200″ data_fgcolor=”#E439A1″ data_bgcolor=”#eee” data_fill=”#fff”]

you can copy paste multiple shortcode in one post, try the following shortcodes:

[percent_to_graph data_percent=”45″ data_text=”45%” data_info=”New Products” data_width=”25″ data_fontsize=”18″ data_dimension=”200″ data_fgcolor=”#80E800″ data_bgcolor=”#eee” data_fill=”#fff”]

[percent_to_graph data_percent=”45″ data_text=”45%” data_info=”Users Online” data_width=”25″ data_fontsize=”16″ data_dimension=”200″ data_fgcolor=”#FFFF00″ data_bgcolor=”#eee” data_fill=”#fff”]

[percent_to_graph data_percent=”90″ data_text=”90%” data_info=”Growth Rate” data_width=”25″ data_fontsize=”16″ data_dimension=”200″ data_fgcolor=”#FFD200″ data_bgcolor=”#eee” data_fill=”#fff”]

How does this work ?

Plug work with shortcode with multiple parameters. Parameters have default values, for example, if you do not pass any value to any of the parameters, plugin will show all default values. So, you need to enter your own values to the parameter. Here is a full list of parameters with their default values:

data-percent=”65″
data-text=”65%”
data-info=”Users Online”
data-width=”25″
data-fontsize=”20″
data-dimension=”170″
data-fgcolor=”#80E800″
data-bgcolor=”#eee”
data-fill=”#fff”>

Make sure you already have changed your own percent information while using the pluin. There should not be any broken line or comma seperator and as ususal should be opening and closign bracks before and after the shortcode [], for example:

[percent_to_graph data_percent=”30″ data_text=”30%” data_info=” Value Increased” data_width=”25″ data_fontsize=”16″ data_dimension=”200″ data_fgcolor=”#E439A1″ data_bgcolor=”#eee” data_fill=”#fff”]

N.B. Please rate and advice me so that I can improve the plugin for everyone.

FAQ

Why did you wrote this plugin?

I thought it might require for me or somebody else.

Contributors & Developers

“Percent to Infograph” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Percent to Infograph” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0

  • Initial release