Pencil-style infographic tracks Japan's hot summer

Name: Pencil-style infographic tracks Japan's hot summer
Uploaded: 2026-09-26T02:50:48.000Z
Duration: 180 s
Channel: Rafael Mendiola
Description: A 3-minute visualization of Japan's 2026 heat wave, built from climate data in a hand-drawn pencil style with chromatic aberration; this scene charts Tokyo's warm spring and wet June beside a teru-teru-bōzu charm drawing.

Rafael MendiolaVERIFIED

@GroundControl

VIEW ORIGINAL ON X ↗

399 views · 3 likes · 1 saves · 1 reposts · Posted Sep 26, 2026 · 3:00 · Motion graphics

OUR NOTEA 3-minute visualization of Japan's 2026 heat wave, built from climate data in a hand-drawn pencil style with chromatic aberration; this scene charts Tokyo's warm spring and wet June beside a teru-teru-bōzu charm drawing.

THE CREATOR'S POST

I'm so blown away y'all. You should stop whatever you're doing and ask Opus 5.5 to make you a visualization. I was telling @Bostonasian about the new models, and decided to try making one about Japan's hot summer. I asked it to also have audio. It's so good! Prompt below 🤯

THE PROMPT

Style-and-data brief

All right, this is an empty repo. Make me a 3-minute animated visualization using JavaScript, or you can do it in TypeScript if you want, about Japan's hot weather in 2026. Pull some online data to see why it was hot and how it compares to other years. I really want the animation to be visually appealing. I wanted to use a hand-drawn pencil style with a little bit of tasteful chromatic aberration. And maybe a bit of a pastiche look but it's supposed to look really, really cool. Also, use a JavaScript synthesizer to make a melody for this visualization that goes along with the theme.

MAKE ONE LIKE THIS

Three steps, using what the creators in this index used.

1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS →
2 · Long piece? Give Claude a framework
ALL VIDEO SKILLS →
3 · Render it to MP4
For a longer piece like this one, render with a framework so the timing is exact on every take.
CLAUDE CODE + HYPERFRAMES / REMOTION →

HOW IT WAS MADE

The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.

LOOK

hand-drawndata-vizgenerative-art