Add a responsive SVG infographic

With this Wordpress plugin you can add a responsive SVG infographic to any page or post.

About our infographics

This plugin was created to work with Greenpeace Spain generic SVG sizes and methodology. This infographics should display responsively in most websites. For more information check:

1. Guide to create visualisations for our sites
2. Infographics
3. Sizes, formats and file types
4. Add an infographic to your website

How to use

Copy-paste the example code bellow to your posts and pages.

[responsive_svg_infograph id='justAnExample' xl='https://storage.googleapis.com/gpes-static/plasticos/plasticos-1024.svg' l='https://storage.googleapis.com/gpes-static/plasticos/plasticos-730.svg' m='https://storage.googleapis.com/gpes-static/plasticos/plasticos-510.svg' s='https://storage.googleapis.com/gpes-static/plasticos/plasticos-360.svg']

Graphic user interface

If you use Shortcake Shortcode UI you can insert the infographics using the graphic user interface.

How to install

1. Upload the responsive-svg-infograph folder to wp-content/plugins/.
2. Activate the Add responsive SVG infographics plugin.

If you use the plugin Shortcake Shortcode UI to have a GUI, you should also:

1. Upload the responsive-svg-infograph-ui folder to wp-content/plugins/.
2. Activate the Responsive SVG infographics UI plugin.

How to translate to a new language

1. Open the files languages/responsive-svg-infograph.pot and languages/responsive-svg-infograph-ui.pot with Poedit.
2. Create new language.
3. Translate.
4. Save the .po and .mo files as the Spanish example inside the languages folder.