The video demonstrates how to build a Vox-style documentary map animation using Claude Code and Remotion, covering the entire pipeline from setting up geographical data with World Atlas, TopoJSON, and D3 Geo to creating three seamless scenes with easing, keying explosions, and adding narrator voice, music, and Foley.
A short editorial from the VEONIB team on why this content matters.
This video offers a practical, code-based workflow for producing Vox-style map animations using Claude Code and Remotion, eliminating the need for expensive plugins.
Unlike typical tutorials focusing on After Effects, this approach leverages AI to handle image editing, easing, audio generation, and scene stitching—all from simple natural language prompts.
Content creators and video editors looking to produce documentary-style animations should try this method to automate tedious tasks and iterate faster.
An AI coding assistant used to generate Remotion code for animations and video production.
A React-based framework for programmatically creating videos with code.
A format for encoding geographic topology, used to unpack shared boundaries between countries.
A JavaScript library for projecting spherical Earth data onto a 2D screen.
A repository of country outlines as raw data points, used as building blocks for maps.
Mathematical functions that control the speed of animations, with ease out giving a natural Vox-like feel.
A compositing method that enhances lighter areas and eliminates black backgrounds for keying effects.
An API for generating realistic voiceovers and audio directly from Claude Code prompts.
What are the three core concepts needed for Remotion map animation?
World Atlas (country shape data), TopoJSON (shared boundary unpacking), and D3 Geo (2D projection).
How do you make scenes feel like one continuous shot?
Each scene must start on the exact last frame of the previous scene, creating seamless transitions.
What easing function does the creator recommend for a Vox-style effect?
Ease out, as it gives a natural, cinematic feel compared to linear or bounce functions.
How can you add explosion effects without a green screen?
Use a screen blend mode on explosion videos with black backgrounds to key out the black and keep the fire.
Can Claude Code handle image editing like making assets black-and-white?
Yes, Claude Code can be prompted to stylize images (e.g., making a Trump cutout black-and-white) without using Photoshop.
How do you generate a narrator voice for the animation?
Connect Claude Code to 11 Labs MCP and select a narrator from the available options like Sterling or Maya.
What is the advantage of building scenes individually?
It allows fixing issues per scene without breaking other parts, as opposed to building the whole animation at once.
How long is the final map animation in the video?
30 seconds combined from three scenes (8s, 8s, 15s) with film grain overlay.
What does the film grain overlay do to the final video?
It gives a dusty, vintage cassette look, enhancing the Vox documentary style.
Where can I get the assets and detailed guide?
The creator's free school community, linked in the video description.