1. Phil Kenny
Head of Infographics,
The Economist
1

2. INFOGRAPHICS
(information graphics)
DATA VISUALISATIONS,
(CHARTS, GRAPHS, TABLES),
MAPS, DIAGRAMS etc.
2

3. 3

4. 4

5. 5

6. 6

7. 7

8. 8

9. 9

10. INFOGRAPHICS
(information graphics)
DATA VISUALISATIONS,
(CHARTS, GRAPHS, TABLES),
MAPS, DIAGRAMS etc.
10

11. INFOGRAPHICS
(information graphics)
DATA VISUALISATIONS, (CHARTS, GRAPHS,
TABLES), MAPS, DIAGRAMS etc.
Static
11

12. INFOGRAPHICS
(information graphics)
DATA VISUALISATIONS, (CHARTS, GRAPHS,
TABLES), MAPS, DIAGRAMS etc.
Static Interactive
12

13. INFOGRAPHICS
(information graphics)
DATA VISUALISATIONS, (CHARTS, GRAPHS,
TABLES), MAPS, DIAGRAMS etc.
Static Interactive Video
13

14. STATIC GRAPHICS
14

15. 15

16. 16

17. 17

18. “Hey, let’s do
an
interactive!”
18

19. INTERACTIVES:
•Enticing story
• Sound, credible data
• Effective visualisation
19

20. INTERACTIVES:
•Image-based
• Data-driven
20

21. KEEP IT
SIMPLE
21

22. 22

23. 23

24. 24

25. 25

26. 26

27. 27

28. 28

30. PROGRAMMING LANGUAGES
•HTML: The framework that holds
everything together on a web page
•CSS: The look, feel and design aspects
•Javascript: The functionality - clicks,
hovers, links, etc.