Dynamic infographics & snippets

Introducing dynamic infographics and snippets

What's inside this article:


Basic information

This article explains how to use the following Pangea content types:

  • Dynamic infographic
  • Snippet

These content types are for publishing special visual and interactive content on your website. You can create them in Pangea CMS by inserting custom code. The code may come from the following places:

  • An expert coder in your organization may write the code.
  • A journalist may copy the code from an external platform (such as Datawrapper).

In most cases, the code requires approval from a reviewer before publishing. This is essential to ensure:

  • Quality: The code cannot negatively impact user experience on the website.
  • Security: The code does not present a security risk.

NOTE: Pangea CMS automatically recognizes and approves Datawrapper code. For details, see our Sharing visuals created in Datawrapper article.

Despite some underlying similarities, these content types serve different purposes and appear differently to audiences. For details, see the following sections:



Dynamic infographics

A dynamic infographic has a standalone content page. Search engines index it like an article page, so it may appear on search engine results pages.

Use this content type to create:

  • Long-form articles with special visual and interactive elements
  • Content pages with interactive maps, charts, quizzes, and timelines
  • Custom microsites for special projects

Share a published infographic like any other content page, for example:

  • Share on a A content widget is a widget for sharing any type of content page. Each content widget can include one or multiple teasers, each linking to a different page. This widget offers a variety of layout options. Learn more.
  • Share as a See also link in text content pages
  • Share on social media or in a newsletter

You can also insert an infographic as a direct embed on another page. The infographic is fully visible and interactive on the page. This works for simple infographics. We do not typically recommend sharing more extensive projects (such as microsites) this way.

Dynamic infographics: Examples



Snippets

A snippet is a block of reusable content that you can insert on other pages. It does not have a standalone content page and search engines do not index it.

Use this content type to create:

  • Reusable maps, charts, and quizzes
  • Promotional banners for special projects, mobile apps, and social media accounts

Insert a published snippet as a direct embed in the following places:

  • On a text content page. For example, place an interactive map in the body of an article.
  • On an An HTML widget is a widget that provides an empty area for adding custom content. Despite the name, you do not need to use HTML code to create an HTML widget. You can add content to an HTML widget using our rich text editor, just like creating an article. Learn more.. Using an HTML widget, you can place a banner on a section page.

As a direct embed, the snippet is fully visible and interactive on the page.

Snippets: Examples



Roles

The process for creating a new dynamic infographic or snippet normally involves two people:

  • Journalist: Completes the editorial settings in Pangea CMS (such as the title and introduction) and prepares the infographic or snippet for publishing.
  • Reviewer: Reviews the custom code in Pangea CMS and approves it for publishing. The reviewer may be the same person who writes the code (the coder).

In this article, 'journalist' and 'reviewer' describe roles in the workflow. Users from the following Rights in Pangea CMS are regulated through user groups. Each user belongs to a specific group. This defines which areas of Pangea CMS they can access and what actions they can perform. Learn more. can perform these roles:

  • Journalist:
    • Contributor_2020
    • Journalist_2020
    • Editor_2020
    • Master Editor_2020
  • Reviewer:
    • Master Editor_2020 + Infographics Approval
    • Site Admin_2020 + Infographics Approval



Ways to publish

Pangea CMS offers several different ways to publish, depending on where the code comes from:


Publish code from an expert coder

When an expert coder creates the code, the coder also acts as the reviewer. This process normally works as follows:

The coder:

  1. Creates the infographic or snippet in Pangea CMS.
  2. Pastes the code and selects the layout.
  3. Approves the infographic or snippet for publishing.

The journalist:

  1. Finds the approved infographic or snippet.
  2. Completes the editorial settings (such as the title and introduction).
  3. Publishes the infographic or snippet.

For detailed instructions, see the articles below.

For the coder (reviewer):

For the journalist:


Publish code from Datawrapper

Pangea CMS automatically recognizes and approves Datawrapper code. This is because Datawrapper is a trusted platform. A journalist can publish a new infographic or snippet that uses Datawrapper code without requesting approval. This process normally works as follows:

The journalist:

  1. Creates the infographic or snippet in Pangea CMS.
  2. Pastes the embed code from Datawrapper and selects the layout.
  3. Publishes the infographic or snippet.

For detailed instructions, see the articles below.

For the journalist:


Publish code from another external platform

When a journalist pastes code from an external platform other than Datawrapper, the code needs approval before publishing. This process normally works as follows:

The journalist:

  1. Creates the infographic or snippet in Pangea CMS.
  2. Pastes the code and selects the layout.
  3. Completes the editorial settings (such as the title and introduction).
  4. Requests approval from a reviewer.

The reviewer approves the infographic or snippet. Pangea CMS may publish it immediately, or the journalist may publish it manually at the right time.

For detailed instructions, see the articles below.

For the journalist:

For the reviewer: