Blog · Classroom display
Classroom display · Year 7 Humanities

The skyline that started with a 7am coffee

A rushed idea before work became a 30-building timeline of Hong Kong across my classroom wall. AI helped plan it, and later, almost by accident, it helped colour it in.

Coloured paper cut-outs of Hong Kong buildings standing in a row on green card, from a pagoda to glass skyscrapers
Part of the timeline: every building placed in the order of the year it was built.

A 7am idea

My Year 7 class (MYP 1, their first year of secondary) starts the year in Individuals and Societies with a local history and geography unit about Hong Kong.

The idea arrived at 7am while I was getting ready for work: a timeline of Hong Kong's buildings, drawn by the class and running across the wall from the oldest to the newest. I thought it was a cool idea, because I'd seen a few of them doodling in their books, so I knew some of them liked to draw.

Still getting ready, I quickly described it to an AI chatbot:

By the time I left the house, I had a task sheet, although I did miss the bus.

Solving scale on one sheet of A4

Scale was the part I couldn't solve in my head. Everyone starts with the same A4 sheet, but a Ming dynasty pagoda and a 484-metre tower can't be drawn the same size. The AI's answer was simple: six size bands, based on each building's real height. Your band tells you how much of the page your drawing should fill.

Only one building gets XXL: the International Commerce Centre, Hong Kong's tallest.

The list ran in order of the year each building was completed: walled villages and temples, colonial buildings, post-war towers, then the glass and steel skyscrapers of the last 40 years. Each came with a date, a size band and a fun fact. A few low modern buildings, like the Space Museum's dome, were mixed in so the class would notice that newer doesn't always mean taller.

Panoramic photo of the Hong Kong Island skyline across Victoria Harbour under grey clouds
The real thing: Hong Kong Island from across the harbour (I love taking iPhone panos).

The lesson: a mystery number

I used it as the closing task of a long 80-minute inquiry block. At the very start of the lesson, after the register, I gave each student a mystery number. We then worked through two other episodes of tasks, with the class in suspense the whole time. Finally I revealed what the numbers were for: each one matched a building on the list. After a short explanation, they had about 25 minutes to draw.

I chose squared paper on purpose, based on the motor and drawing skills of this age group. Students who don't need it can turn the sheet over and still see the squares through the paper as a guide. In the end, many drew straight onto the squares, counting them to get the size right.

Hand drawing of Tsui Sing Lau Pagoda on squared paper
Tsui Sing Lau Pagoda (Ming dynasty)
Hand drawing of St John's Cathedral on squared paper
St John's Cathedral (1849)
Hand drawing of the round Hopewell Centre tower on squared paper
Hopewell Centre (1980)

Would anyone see them from across the room?

Once the drawings were finished, I started thinking about the display. How would 30 pen and pencil drawings look on a wall? Would anyone see them from the other side of the room?

Then, out of nowhere, I had the idea: what if I photographed them and asked AI to colour them in?

I wasn't very good at it at first. I just dumped four or five photos into the chat at once and told it to colour them. The AI got confused by the squared paper and coloured in blocks rather than following every line. I didn't mind, because the block shading actually made the buildings easier to see. With later batches, I told it which building each drawing was, and the colours became much more realistic.

Western Market drawn by handWestern Market coloured red brick by AI
DrawingAI-coloured
Photo of the real Western Market, front view
Real · Western Market
Tsui Sing Lau Pagoda drawn by handTsui Sing Lau Pagoda coloured by AIPhoto of the real Tsui Sing Lau Pagoda
DrawingAI-coloured (early attempt!)Real · Tsui Sing Lau Pagoda
Former KCR Clock Tower drawn by handFormer KCR Clock Tower coloured by AIPhoto of the real Clock Tower
DrawingAI-colouredReal · Clock Tower
HSBC Main Building drawn by handHSBC Main Building coloured by AIPhoto of the real HSBC Building
DrawingAI-colouredReal · HSBC Building

Here are more of them, in the order they were built. You can see the colouring improve once I started naming the buildings.

Sam Tung Uk, coloured
1786
Flagstaff House, coloured
1846
Former Marine Police HQ, coloured
1884
Court of Final Appeal Building, coloured
1912
The Peninsula Hotel, coloured
1928
Old Bank of China Building, coloured
1950
Ten Thousand Buddhas pagoda, coloured
1957
Hong Kong Space Museum, coloured
1980
Hopewell Centre, coloured
1980
Bank of China Tower
1990
The Peak Tower, coloured
1997
The Center, coloured
1998
Cheung Kong Center, coloured
1999
Nina Tower, coloured
2006

AI tools you could use to colour or edit drawings

These all work in a similar way: upload a photo of the drawing and describe what you want changed.

G

Google Gemini

Upload a photo and ask it to edit the image. Many schools already have it through Google Workspace, if your admin has image features switched on.

C

Canva for Education

Free for teachers. Magic Edit lets you brush over part of an image and describe the change, which is useful for colouring one area at a time.

A

Adobe Express

Free for schools, with Firefly generative fill and recolour tools built in.

O

ChatGPT

Upload the photo and ask it to colour the drawing. Good results, but check what your school allows.

Two tips. First, image tools like to "improve" a picture, so say clearly: "Keep every line exactly as drawn. Only add colour inside the shapes." Second, check your school's policy before uploading students' work to any AI tool, and crop out names first.

The printing surprise

I printed every picture separately, on ordinary paper. I was amazed at how they came out: darker, richer and slightly glossy, much bolder than they looked on screen.

The class mounted their pictures on scrap card, and I cut them out. Then came the puzzle of fitting them together: the pieces had to tessellate into a skyline while staying roughly in date order. I mounted the whole timeline on green card, because that's Hong Kong: skyscrapers juxtaposed against jungle-covered mountains.

One student finished early, so as an extension I let them choose any building they liked. They picked the Peak Tower, and it's now on the timeline too.

The mounted cut-outs laid out in date order along green card on classroom desks
Laid out on the desks first, to check the order.
The modern end of the timeline: Bank of China Tower, Central Plaza, Chi Lin Nunnery, The Center, Cheung Kong Center and IFC2 clustered together
The modern end, where the towers cluster together.
The whole story in just over two minutes.
The full display board: the Hong Kong skyline along the bottom on green card, with labels showing where the map of Hong Kong will go and where mountain shapes will be cut
The display board today. The empty blue space above the skyline is next.

What's still to come

Everything is now up on my classroom wall, but it isn't finished:

What I took from it

The idea and the teaching were mine. The AI did the jobs that would have eaten my evening: choosing 30 buildings across 500 years, checking dates, and working out a scale system that fits on A4. Then, when I hadn't even planned it, it turned a set of pencil drawings into a display you can see from across the room.

Make one for your own city

Sign up and I'll send you:

Subscribe and you'll go straight to the prompt. Unsubscribe at any time.

Coming soon

How I build my own custom classroom games with AI. Join the list to get it when it's out.