← VCE Spreadsheets, SQL & Visualisation

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.

Part of: VCE Applied Computing - U1O1 - Data analysis — Module 75, VCE Data Analytics - U3O1 - Data Analytics — Module 102, VCE Data Analytics - U4O1 - Development and Evaluation — Module 58

Understanding Long-form infographic in VCE Spreadsheets, SQL & Visualisation

What it does: A clear heading labels a section so the reader can follow the story as they scroll down. The ordered sequence shows one story with a beginning, middle and end, laid out from top to bottom. A long-form infographic is one tall page. Separate posters are a series of infographic posters instead. Headings split the page into sections so viewers can follow the story and find each part easily. It mixes text, graphics and charts across its sections to tell the story. Because viewers read top to bottom, the introduction belongs at the start and the conclusion at the end. Fix it by ordering the sections logically: Intro, then Key facts, then Chart, then Conclusion.

Common mistakes: 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'. A long-form infographic is read by scrolling down the page, so the flow is top to bottom, not left to right.

Class: _____________________  ·  Name: _____________________  ·  Date: _________

Free printable worksheet with full answer key — or add this module to a class and your students practise it interactively.

🖨 Print worksheet + answer key Add Long-form infographic to a class →

This module's key terms are also in a printable crossword (Modules 71–86) and word search (Modules 55–86).

Take this worksheet further — free with Cloodit

Each concept is reinforced from every angle — learned, then applied, then tested.

Learning
Duo
Which best describes a long-form infographic?
A set of separate posters that each stand aloneA tall, single-page visualisation that you scroll down
Matches
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.
Applying
Meanings
Term
long-form infographic
Meaning
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.
Practice
<h1>Teen Sleep Story</h1>
Testing
Gaps
<>
Check Answer
Spots
2flow: top to bottom
3section 1: no heading, intro

Cloodit turns curriculum-aligned coding content into journeys students work through one biome at a time.

The 'Hedgehog' badge — First Steps, one of Cloodit's 106 collectible badges
Students earn collectable badges

Over 100 of them, across seven natural biomes.

Study Buddy
Students build a real study resource

Turns their work into revision material ready for Flash Cards and Exam study.

Diamond Dash — one of Cloodit's live, competitive Sprint games
Students lock in with Sprints

Live, competitive practice for the start of the lesson or a teacher-led lesson finisher.

A Cloodit certificate of achievement, ready to personalise and print
Custom printable certificates

Honour your top performers, or encourage a student who's trying hard — ready to print in seconds.

Add to class →

Quick Questions

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
A long-form infographic is one tall page. Separate posters are a series of infographic posters instead.
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 ✓
The flow runs from the top of the page to the bottom, so the viewer scrolls through the story.
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
A good long-form infographic has a clear beginning, middle and end that follow on from each other.
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
Headings split the page into sections so viewers can follow the story and find each part easily.
5. Which content can a long-form infographic include?
A. Only one chart and nothing else
B. Text, graphics and charts in different sections ✓
It mixes text, graphics and charts across its sections to tell the story.

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.

Key Term

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.

Fill in the Blanks

1. <section> <h2>1. The problem</h2> </section>
Hint: Type the tag that wraps one headed section of the infographic.
2. <section> <h2>2. The data</h2> </section>
Hint: Type the heading tag used for a section heading.
3. .story { flex-direction: column; }
Hint: Type the direction value that stacks sections from top to bottom.
4. <section><h2>Results</h2> <img src="chart.png" alt="Bar chart"> </section>
Hint: Type the tag that places a chart graphic in the section.
5. <h1>Teen Sleep Story</h1> <h2>Part 1: The problem</h2> <h2>Part 2: The fix</h2>
Hint: Type the tag for the main title at the top of the story.

Spot the Error

Question 1
A layout: one tall page
B flow: top to bottom
C section 1: no heading, intro
D section 2: heading + chart
Line 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'.
Question 2
A title: Our Water Use
B flow: left to right
C section 1: heading + text
Line B — A long-form infographic is read by scrolling down the page, so the flow is top to bottom, not left to right.
Question 3
A page: ten separate pages
B section 1: heading + intro
C section 2: heading + chart
Line A — A long-form infographic is one tall, single page. It should be 'page: one tall single page'.
Question 4
A story: Teen screen time
B start: why it matters
C middle: a different topic
D end: conclusion and advice
Line 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.
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>
Line B — A section title should be a heading, not a paragraph. It should be <h2>1. The Problem</h2>.

Student with a class code? Join your class →