Infogr.am is an easy way to generate sharp, modern and responsive visualizations, graphs, charts and infographics. It’s simple and provides just about everything you’ll need for chart and graph building via user-friendly menus, allowing real-time data presentation, as well as social media integration. To add an Infogr.am to your site, simply paste the embed code provided to you after you’ve created your Infogr.am to either a story, a page, or a widget on your site.
The easiest solution to placing an infogram in a story is to paste the Responsive embed code that infogr.am gives you in the Video Embed Code box on the Edit story page or paste it in Infographics SNO Story Element button.
If you don’t want to use the solution above (or it does not work), you can use the Fixed embed code that infogr.am gives you by pasting it in the big box on the Edit Story page (after changing it to Text by choosing the Text tab in the upper right corner of the box.) Often this solution will not wrap the text around the graphic, so in between the words “iframe” and “src” you’ll want to paste this text:
style=”float: right; margin-left: 20px;”
See the picture above for an example of how the code will end up looking.
Check out infogr.am’s support page for more detailed assistance here.