Infogram

Allows people to make and share digital charts, infographics and maps.

optional

optional

Internet Explorer 11 cannot display this chart / image. To see it, please use a different browser eg: Chrome or Safari.

How it works

Infogram is a effective web app tool that allows users to create charts, graphs, maps and infographics in an accessible way. At present licenses are limited - as a organisation we have 3 seats which are all occupied.

It offers these users an intuitive WYSIWYG editor that converts data into infographics that can be embedded into the live site.

Intended purpose

Infogram is intended to offer an alternative to a simple table of data in the format of interactive graphs, charts, maps and infographics. The intention is to be able to display key facts or data in a more visual and creative way than plain data. 

How to add to CMS

  1.  As an Editor, go to the CMS and scroll down on an article page.
  2.  Find the article page you want to edit.
  3.  Click the "Add Content" option to open the content editor within Sections.
  4.  Select "Add Content" and click "Infogram".
  5. Insert the embed code
  6. Add a title for screen readers using the iFrame title field. This does not show on the page itself but can be read by assistive technology
  7.  Save the changes to your article page in Umbraco.
  8.  Preview the article page to ensure the Infogram works and views as expected.