Long-form infographic

Name:

Date:

Class:

Quick Questions

Shade in the A or B circle for each question.

1. Which best describes a long-form infographic?

A A tall, single-page visualisation that you scroll down

B A set of separate posters that each stand alone

2. How does a viewer move through a long-form infographic?

A Clicking between unrelated slides in any order

B Top to bottom by scrolling

3. A student's long-form infographic on teen screen time starts with the problem, shows the data, then ends with a conclusion. What is this?

A One story from start to finish

B A random collection of facts

4. What helps a viewer see where each part of a long-form infographic begins?

A Sections with clear headings

B One huge block of text with no breaks

5. Which content can a long-form infographic include?

A Only one chart and nothing else

B Text, graphics and charts in different sections

Match the Pairs

Draw a line connecting each item on the left to its match on the right.

Left column		Right column
1long-form infographic		AThere are no section headings, so the reader cannot tell where one part of the story ends and the next begins.
2top-to-bottom flow		BSection 2: Where Our Screen Time Goes
3Each section of a long-form infographic starts with a heading that tells the reader what that part is about		CThe sections are not in a top-to-bottom story order, so the reader cannot follow one story from start to finish.
4A long-form infographic tells one story from start to finish, moving from the introduction to the main points to the conclusion		DIntro > Key facts > Chart > Conclusion
5Sections placed in random order: Conclusion, Chart, Intro, Key facts		EA tall, single-page visualisation that tells one story as you scroll down through sections of text, graphics and charts
6A tall page of charts and text with no headings between the parts		FThe reader scrolls down the page and meets each part of the story in a planned order

Definitions

long-form infographic

Fill in the Blanks

Complete each line of code by filling in the missing parts.

<_______> <h2>1. The problem</h2> </section>

.story { flex-direction: ______; }

<section><h2>Results</h2> <___ src="chart.png" alt="Bar chart"> </section>

<__>Teen Sleep Story</h1> <h2>Part 1: The problem</h2> <h2>Part 2: The fix</h2>

Spot the Error

Shade in the letter of the line that contains an error.

Question 1

A layout: one tall page

B flow: top to bottom

C section 1: no heading, intro

D section 2: heading + chart

Question 2

A title: Our Water Use

B flow: left to right

C section 1: heading + text

Question 3

A page: ten separate pages

B section 1: heading + intro

C section 2: heading + chart

Question 4

A story: Teen screen time

B start: why it matters

C middle: a different topic

D end: conclusion and advice

Question 5

A <h1>Ocean Plastic</h1>

B <p>1. The Problem</p>

C <p>Tonnes enter the sea.</p>

D <h2>2. The Solution</h2>

Answer Key

Long-form infographic

Section A: Quick Questions

A — A tall, single-page visualisation that you scroll down

B — Top to bottom by scrolling

A — One story from start to finish

A — Sections with clear headings

B — Text, graphics and charts in different sections

Section B: Match the Pairs

long-form infographic → A tall, single-page visualisation that tells one story as you scroll down through sections of text, graphics and charts

top-to-bottom flow → The reader scrolls down the page and meets each part of the story in a planned order

Each section of a long-form infographic starts with a heading that tells the reader what that part is about → Section 2: Where Our Screen Time Goes

A long-form infographic tells one story from start to finish, moving from the introduction to the main points to the conclusion → Intro > Key facts > Chart > Conclusion

Sections placed in random order: Conclusion, Chart, Intro, Key facts → The sections are not in a top-to-bottom story order, so the reader cannot follow one story from start to finish.

A tall page of charts and text with no headings between the parts → There are no section headings, so the reader cannot tell where one part of the story ends and the next begins.

Section C: Definitions

long-form infographic — A tall, single-page visualisation that tells one story from start to finish as you scroll down through headed sections of text, graphics and charts.

Section D: Fill in the Blanks

<section>
  <h2>1. The problem</h2>
</section>

<section>
  <h2>2. The data</h2>
</section>

.story {
  flex-direction: column;
}

<section><h2>Results</h2>
<img src="chart.png" alt="Bar chart">
</section>

<h1>Teen Sleep Story</h1>
<h2>Part 1: The problem</h2>
<h2>Part 2: The fix</h2>

Section E: Spot the Error

C — Every section of a long-form infographic needs a heading so readers can follow the story as they scroll. It should be 'section 1: heading + intro'.

B — A long-form infographic is read by scrolling down the page, so the flow is top to bottom, not left to right.

A — A long-form infographic is one tall, single page. It should be 'page: one tall single page'.

C — The whole infographic tells one story from start to finish. The middle must use charts to support the same topic, not switch to a different one.

B — A section title should be a heading, not a paragraph. It should be <h2>1. The Problem</h2>.