#Interactive infographics maker how to
#Interactive infographics maker update

In the object inspector, go to Control and enter the following for the Item list: China, US, Europe.From the toolbar, go to Anything > Page Design > Control > Combo Box (Drop-Down). Next, I added a control so that the user can change the country to see the corresponding results.I repeated this process for AverageAge, Ratio, and Multiplayer data. It will stay visible but will be invisible when you share the infographic. Hide the table by right-clicking and selecting Hide.Drag the table off to the side of the page.Under Properties > GENERAL, I've updated the table Name to AgeDistribution and ticked the Automatic option.For my first table, I pasted in Age Distribution data and clicked OK. Alternatively, you could type it into the screen. In the object inspector, go to Inputs > DATA SOURCE > Paste or type data.From the toolbar, go to Table > Paste or Enter Table.For this example, the data has been pasted into Displayr from Excel using the steps below: There are lots of ways to import data into Displayr (eg, importing a raw data file and creating the tables in Displayr). Hook up the data that you will use in the infographic.

Move and resize the image to fit the page (tip: you can use the Properties > LAYOUT panel on the right to type in the width (800) x length (2000) to reset the correct aspect ratio of the image).

Next, insert the downloaded infographic by going to Anything > Page Design > Image. For this example, the page should be 20 inches high and 8 inches wide. Then, from the object inspector, go to DOCUMENT LAYOUT > Page Size (all pages) > Custom and set the Width (inches) and Height (inches). In your Displayr document, set the page size to the same aspect ratio as the PNG file that you're using as your infographic by selecting a page from the Pages tree or clicking in a blank space on a page.

A data set that contains various data that you would like to display.

You could design your own infographic, either in Canva or elsewhere.

I edited the template by deleting the bits that I wanted to replace with interactive charts and visualizations and then downloaded the infographic as a PNG file:

I started by going to Canva, and choosing the Neat Interactive Gaming Infographic (tip: click on the Templates section to search).

Canva was used to create the base infographic in this example.

Tools used to create an interactive infographic:

#Interactive infographics maker update

The interactive example is designed so that the user can change the country and have the infographic update automatically.

#Interactive infographics maker how to

This article describes how to create an interactive infographic using Displayr, Canva, and R code.