An independent developer uses vibecoding to turn world knowledge into a knowledge graph: from animation maps, mythology maps, and movie star maps, to the "take you traveling" series covering poetry, books, movies, music, and sci-fi.The project has a strong matrix feel and is suitable as a model for "content-oriented visualization entrepreneurship".
1. World Animation Map — Childhood Memories Distributed by Country
Project Concept
Display by geographic location animation works from countries around the world, with switchable eras (post-70s/80s/90s/00s) and theme types.
Distribution of animation by country
| Region | Representative Works |
|---|---|
| Italy | Bucciarati's Mafia fashion |
| Czech Republic | The Little Mole |
| Belgium | The Smurfs / The Adventures of Tintin |
| United Kingdom | Shaun the Sheep / Peppa Pig / Teletubbies |
| Norway/Nordic region | How to Train Your Dragon / Frozen (Let It Go) |
| China 1970s–1980s | The Monkey King: Havoc in Heaven / Black Cat Detective / Popeye / Calabash Brothers |
| Chinese domestic animation (recent years) | Hitori no Shita: The Outcast(Taoist Wang Ye / Sister Bao'er) / Scissor Seven(assassin + barber) / A Record of a Mortal's Journey to Immortality(Han Li) / Blades of the Guardians(Qin Shubao / Li Shimin) |
| Japan | Dragon Ball / Slam Dunk / One Piece / Naruto / Detective Conan / Crayon Shin-chan / Doraemon / Chibi Maruko-chan / Spirited Away / EVA Rei Ayanami |
| United States | Rick and Morty (dark humor + philosophy) / Despicable Me / Mickey Mouse / SpongeBob SquarePants / WALL-E / Coco (Mexican Día de los Muertos) |
Theme types (switchable)
- Time travel — Doraemon / Rick and Morty
- Awakening and transformation — Pikachu
Famous quote: "To be remembered is to never truly die" (Coco) Famous quote: "Days don't have to be wonderful; just take them slowly" (Chibi Maruko-chan)
2. World Mythology Map — Emoji Clicks + Multilingual
Project Concept
Click the Emoji representing a mythology on the globe → hear the corresponding story, with selectable multiple languages(Chinese / local language).
4 Major Features
| Feature | Description |
|---|---|
| Story listening | Pinocchio's long nose / Snow White's magic mirror / King Arthur / Prometheus stealing fire / Romulus and Remus |
| Multilingual learning | Chinese / English / original local text |
| Cross-cultural connections between similar stories | e.g., "flood myths": Yu the Great taming the flood in China + Noah's Ark + Sumerian great flood + Aztec flood |
| Era filtering | Ancient times (Fuxi and Nüwa / Zeus) / Antiquity / Middle Ages / Modern and contemporary |
Cross-cultural themes
- Fire-related stories(Prometheus /...)
- Dragon stories
- Love stories
- Moon stories
"I hope that through this way of understanding the world through mythology, people can better understand different cultures and civilizations;every civilization deserves to be heard. "
3. Bringing All British Museum Artifacts Home — 4999 Artifacts, 99 Countries
Project Concept
Nearly 5000 artifacts + 99 countries → let artifacts stand in card form in their true homelands → "the entire planet is covered by points of light from civilizations".
Key Artifacts
| Country | Artifact |
|---|---|
| Egypt | Rosetta Stone (key to deciphering hieroglyphs) + Eye of Horus |
| Greece | Parthenon collections |
| China | Paintings by Gu Kaizhi + a series of national treasures |
Core Features
- Animation: displays the time when the collection was acquired by the British Museum
- Home button: click → artifacts return to their respective homelands
- "Behind every point of light is a story of leaving home, hoping to let more people see the national treasures that deserve to be remembered"
4. GPT Image 2 + 360° Panoramic History Game
Gameplay
Randomly generate real historical scenes(360° panoramic images) → players answer the corresponding time and location.
Examples: scene of the Battle of Gaugamela / Petra in Jordan (many people guess it is in Europe).
"So suitable for learning history and geography" "I'm not going anywhere during the May Day holiday; I'll just travel the world virtually like this"
Technology: GPT Image 2 model + 360° panoramic images.
5. Making 10,000 Films into a Star Map
Projection Method
Over 10,000 films → projected as a nebula, each particle represents one film.
5 Major Features
| Feature | Description |
|---|---|
| Toggle | Watched vs. unwatched |
| Chart cover display | Show covers of the top 200 films on the chart |
| Arrangement method | Genre / rating |
| Actor distribution | View by film genre, click to view actors |
| Viewing mark | Click a specific film to mark whether you have watched it |
6. K-Line Charts for Beginners — Event-Driven Stock Analysis
Core Idea
Overlay K-line charts with news events: let beginners understand the stories behind rises and falls.
Features
| Feature | Description |
|---|---|
| Points on the K-line chart = news events of that day | Click any point → see the news that affected the company at that time |
| Impact type filtering | Market / performance / product / management |
| Bearish / bullish classification | e.g., "tariff policy" caused bearish impact on Apple |
| Similar news viewing | Recommend similar events |
| AI analysis | Select a time range → AI tells you why it rose/fell |
| Prediction | Based on news events in the past 30 days → predict the upcoming rise/fall trend |
| Company switch | Apple / Google / NVIDIA / Tesla |
Design Motivation
"News is too fragmented, and I never understood why prices rose or fell. Making this helps me build event-driven thinking and understand the why behind every rise and fall."
7. Travel with XX Series (Creator's Project Matrix)
Series works (independent developer of MIT Road)
| Work | Concept |
|---|---|
| Movies Take Me Traveling | AI recommends films related to geography and local customs such as "highland love stories in South America" + displays Chinese films by province and city + era slider |
| See the world through movies | Movie covers cover each country's borders + era slider + adjustable cover size + genre filtering (Indian Bollywood / Swedish Nordic / Egyptian desert) |
| Travel with poetry | Li Bai drunk at Mount Lu / Cui Hao at Yellow Crane Tower / Su Shi in Mizhou / Du Fu in Chang'an / Wang Wei in the desert / Li Qingzhao among lotus flowers / Su Shi at Red Cliffs / Zhang Ji at Maple Bridge / Liu Zongyuan by the river / Wen Tianxiang at Lingdingyang / Qu Yuan / Fan Zhongyan.Took nearly 2 months, the longest project since starting Web Coding |
| Travel with books | Middle East *Jerusalem: The Biography* / Afghanistan *The Kite Runner* / Caribbean *Love in the Time of Cholera* / Shi Tiesheng *I and the Temple of Earth* / Shantaram / The Brothers Karamazov / Romain Rolland *Jean-Christophe* |
| Music takes you around the world | Ed Sheeran (UK) / Adele / French songs / American songs / traditional ethnic music (Europe/Japan/Russia) |
| Sci-fi takes us on interstellar travel | AI robots as a galactic fleet of 1,800+ sci-fi works + three-dimensional real-universe space |
Specific nodes of sci-fi interstellar travel
- China: The Three-Body Problem
- Moon: 1865 Jules Verne *From the Earth to the Moon* / 1968 Kubrick / Chang'e
- Mars (35 works): The Martian (growing potatoes) / Tianwen-1
- Jupiter: HAL 9000 (2001: A Space Odyssey, 56-year-old classic line)
- Saturn: Cassini (launched 1997, crashed 2017, last photo:methane seas on Titan)
- Centaurus:Pandora from Avatar(4 light-years, Voyager would take 70,000 years)
- Vulcan: Spock's home planet (16 light-years)
- Tatooine: Star Wars (two suns)
- Voyager: Valentine's Day 1990,turned around from 6 billion kilometers away to take the last photo "Pale Blue Dot" + Carl Sagan's famous quote
8. The Independent Developer's MIT Road (Creator Background)
Key Nodes
| Time | Event |
|---|---|
| Ended big tech company experience | Deep self-doubt |
| Started reading + running | "Found more questions in books, but gained more directions to pursue" |
| Resigned | Felt lost during the period, gained strength from *Altay* and *I and the Temple of Earth* |
| Got a big tech offer then rejected it | Chose the MIT Road |
| Vibecoding creation | Turned down advertisements + pushed creative ability to the limit |
Key Quotes
Li Juan, *Altay*: "Fireworks burst out of the tubes, rushing into the pitch-black sky, surrounded by silence... Snow-covered, the fireworks not only failed to tear through the silence, but instead made it instantly bottomless."
Shi Tiesheng, *I and the Temple of Earth*: "If there were no suffering in the world, could the world still exist? If there were no dullness, what glory would wit have? If there were no ugliness, how could beauty maintain its own fortune?"
*Shantaram*: "Even in chains, covered in blood, helpless and alone,I can still decide whether to hate those who torture me or forgive them. "
*The Brothers Karamazov*: "I love humanity; the more I love humanity as a whole, the less I love individual people. "
Romain Rolland, *Jean-Christophe*: "Inspiration comes quickly and goes quickly;you must put it under the press and squeeze out all the nectar of thought, not a drop left. "
*To Kill a Mockingbird*: "Courage is when you know you are bound to lose before you even start, but you still go ahead regardless, and see it through no matter what happens. A person rarely wins, but there will always be times when they win."
Carl Sagan (on Voyager's last photo): "That dot is home, that is us. On that blue dot is everything that ever happened, all the love and war, all the food mom cooked, all the poems ever written, and you and me reading this text right now. "
9. Common Patterns in Visualization Design
This creator's project matrix — 6 major design commonalities
| Design | Manifestation |
|---|---|
| Geographic mapping | Place data on world maps / galaxies / three-dimensional spaces |
| Time slider | Almost every project has era switching |
| Multilingual | Myth stories + language learning |
| Cross-cultural connection | Show how similar themes connect across thousands of miles (flood/fire/dragon/love) |
| Personalization | Watched vs. unwatched / whether favorited |
| AI recommendation | By scene / local customs / keywords |
Core idea of the project matrix
某个领域知识(动画/神话/文物/电影/书籍/诗词/科幻)
↓
按地理/时间/类型/语言可视化
↓
让用户"通过点击和拖拽"建立跨文化思维
↓
最终目的:让用户更理解不同的文化与文明
See also
- Xiaohongshu / Vibecoding Practical Collection (Games/Tools/Mini Programs) — Vibecoding practice (technology behind this project)
- Xiaohongshu / AI Webpage + 3D Interaction + Pretext Design Collection — AI webpages + 3D interaction (web frameworks used in this project)
- Xiaohongshu / Vibecoding Aesthetics + Creator Economy Collection — vibecoding aesthetics + creator economy (this author belongs to this community)
- Xiaohongshu / Creativity + Healing + Nature Theme Collection — creative and healing (the author's "Huahua land" series)
- Xiaohongshu / Music × Mathematics Collection (Euclidean Rhythm + Whitney Music Box) — Music × Mathematics
- Wang Kai RSI AI Investment Strategy and "Good Asset, Good Price, Good Volatility" Framework — Wang Kai's stock event-driven thinking (corresponding to the K-line chart project)