一个独立开发者用 vibecoding 把世界知识图谱化:从动画地图、神话地图、电影星图,到诗词、书籍、电影、音乐"带你去旅行"的系列作品。项目矩阵感强,适合做"内容型可视化创业"的范本。
一、世界动画地图 — 童年回忆按国别分布
项目概念
按地理位置展示世界各国动画作品,可切换不同时代(70/80/90/00 后)和主题类型。
国别动画分布
| 地区 | 代表作 |
|---|---|
| 意大利 | 布加拉提的 Mafia 时尚 |
| 捷克 | 小鼹鼠 |
| 比利时 | 蓝精灵 / 丁丁历险记 |
| 英国 | 小羊肖恩 / 小猪佩奇 / 天线宝宝 |
| 挪威/北欧 | 驯龙高手 / 冰雪奇缘(Let it go) |
| 中国 70-80s | 大闹天宫 / 黑猫警长 / 大力水手 / 葫芦娃 |
| 中国国漫(近年) | 一人之下(王也道长 / 宝儿姐)/ 伍六七(杀手+理发师)/ 凡人修仙传(韩立)/ 镖人(秦叔宝/李世民) |
| 日本 | 龙珠 / 灌篮高手 / 海贼王 / 火影忍者 / 名侦探柯南 / 蜡笔小新 / 哆啦 A 梦 / 樱桃小丸子 / 千与千寻 / EVA 绫波丽 |
| 美国 | 瑞克和莫蒂(黑色幽默+哲学)/ 神偷奶爸 / 米老鼠 / 海绵宝宝 / 机器人总动员 / 寻梦环游记(墨西哥亡灵节) |
主题类型(可切换)
- 时空穿越 — 哆啦 A 梦 / 瑞克和莫蒂
- 觉醒变身 — 皮卡丘
金句:"被记得才不算真正死去"(寻梦环游记) 金句:"日子不必精彩,慢慢过就好"(樱桃小丸子)
二、世界神话地图 — Emoji 点击 + 多语言
项目概念
点击地球上代表神话的 Emoji → 听到对应故事,可选多种语言(中文 / 当地语言)。
4 大功能
| 功能 | 说明 |
|---|---|
| 故事聆听 | 匹诺曹长鼻子 / 白雪公主魔镜 / 亚瑟王 / 普罗米修斯盗火 / 罗慕路斯与雷慕斯 |
| 多语言学习 | 中文 / 英语 / 当地原文 |
| 相似故事跨文化连接 | 如"洪水神话":中国大禹治水 + 诺亚方舟 + 苏美尔大水 + 阿斯特克洪水 |
| 年代筛选 | 远古(伏羲女娲/宙斯)/ 古代 / 中世纪 / 近现代 |
跨文化主题
- 火相关故事(普罗米修斯 / ...)
- 龙的故事
- 爱情故事
- 月亮的故事
"希望通过这种用神话来认识世界的方式,更加理解不同文化与文明,每个文明都值得被听见。"
三、大英博物馆文物都回家 — 4999 件 99 国家
项目概念
近 5000 件文物 + 99 个国家 → 让文物以卡片形式矗立在自己真正的故乡 → "整个星球被文明的光点覆盖"。
关键文物
| 国家 | 文物 |
|---|---|
| 埃及 | 罗塞塔石碑(解读象形文字关键)+ 荷鲁斯之眼 |
| 希腊 | 帕特农神庙藏品 |
| 中国 | 顾恺之画作 + 一系列国宝 |
核心特色
- 动画:显示藏品被大英获取的时间
- 回家按钮:点击 → 文物回到各自故乡
- "每一个光点的背后都是一段离家的故事,希望让更多人看到值得被记住的国宝们"
四、GPT Image 2 + 360 全景历史游戏
玩法
随机生成真实历史场景(360 全景图)→ 玩家回答对应的时间和地点。
例子:高加米拉战役场景 / 约旦的佩特拉(很多人猜成欧洲)。
"好适合用来学历史和地理" "五一哪也不去了,就这样云游世界"
技术:GPT Image 2 模型 + 360 全景图。
五、将 1 万部电影做成星图
投影方式
1 万多部电影 → 投影成星云,每个粒子代表一部电影。
5 大功能
| 功能 | 说明 |
|---|---|
| 切换 | 看过 vs 未看过 |
| 榜单封面 | 显示榜单前 200 名封面 |
| 排列方式 | 类型 / 评分 |
| 演员分布 | 按电影类型查看,点击查看演员 |
| 观影标记 | 点击具体电影标记是否看过 |
六、小白看懂 K 线图 — 事件驱动股票分析
核心思路
K 线图 + 新闻事件叠加:让小白看懂涨跌背后的故事。
功能
| 功能 | 说明 |
|---|---|
| K 线图上的点 = 当日新闻事件 | 点击任意点 → 看到当时影响公司的新闻 |
| 影响类型筛选 | 市场 / 业绩 / 产品 / 管理层 |
| 利空 / 利好分类 | 如"关税政策"导致苹果利空 |
| 相似新闻查看 | 推荐相似事件 |
| AI 分析 | 框选区间 → AI 告诉你为什么涨/跌 |
| 预测 | 基于近 30 天新闻事件 → 预测接下来的涨跌趋势 |
| 公司切换 | 苹果 / 谷歌 / 英伟达 / 特斯拉 |
设计动机
"新闻太碎片化,一直不理解为什么涨或跌。做这个帮自己建立事件驱动的思维,看懂每一次涨跌背后的为什么。"
七、跟着 XX 去旅行 系列(创作者作品矩阵)
系列作品(MIT 道路的独立开发者)
| 作品 | 概念 |
|---|---|
| 电影带我去旅行 | AI 推荐"南美的高原爱情故事"等地理风土相关电影 + 中国电影按省市显示 + 年代滑块 |
| 跟着电影看遍世界 | 电影封面铺满每个国家边界 + 年代滑块 + 封面大小可调 + 类型筛选(印度宝莱坞/瑞典北欧/埃及沙漠) |
| 跟着诗词去旅行 | 李白醉于庐山 / 崔颢黄鹤楼 / 苏轼密州 / 杜甫长安 / 王维大漠 / 李清照藕花 / 苏轼赤壁 / 张继枫桥 / 柳宗元江边 / 文天祥伶仃洋 / 屈原 / 范仲淹。耗时近 2 个月,Web Coding 以来最长项目 |
| 跟着书籍去旅行 | 中东《耶路撒冷 3000 年》/ 阿富汗《追风筝的人》/ 加勒比《霍乱时期的爱情》/ 史铁生《我与地坛》/ 项塔兰 / 卡拉马佐夫兄弟 / 罗曼罗兰《约翰克里斯朵夫》 |
| 音乐带你走遍世界 | Ed Sheeran(英国)/ Adele / 法国歌曲 / 美洲歌曲 / 传统民族(欧洲/日本/俄罗斯) |
| 科幻带我们星际遨游 | 1800+ 科幻作品的星系舰队 AI 机器人 + 现实宇宙三维空间 |
科幻星际遨游具体节点
- 中国:三体
- 月球:1865 凡尔纳《从地球到月球》/ 1968 库布里克 / 嫦娥
- 火星(35 部作品):火星救援(种土豆)/ 天问一号
- 木星:HAL 9000(2001 太空漫游,56 岁经典台词)
- 土星:卡西尼号(1997 发射,2017 坠入,最后一张照片:土卫六甲烷海洋)
- 半人马座:阿凡达潘多拉星(4 光年,旅行者号需 7 万年)
- 瓦肯星:Spock 故乡(16 光年)
- 塔图因:星球大战(两个太阳)
- 旅行者号:1990 情人节,60 亿公里外回头拍最后一张照片"暗淡蓝点" + 卡尔萨根名言
八、独立开发者的 MIT 道路(创作者背景)
关键节点
| 时间 | 事件 |
|---|---|
| 结束大厂经历 | 深深自我怀疑 |
| 开始读书 + 跑步 | "在书中寻找到更多的问题,但有了更多可以追寻的方向" |
| 辞职 | 期间迷茫,从《阿勒泰》《我与地坛》中获得力量 |
| 拿了大厂 offer 又拒绝 | 选择 MIT 道路 |
| vibecoding 创作 | 推掉广告 + 最大压榨创作能力 |
关键引言
《阿勒泰》李娟:"烟花从筒子中蹦出,冲向漆黑的空中,四周寂静无声...白雪皑皑,烟花非但没能撕破寂静,反而令这寂静瞬间深不见底。"
《我与地坛》史铁生:"假如世界上没有苦难,世界还能够存在吗?要是没有愚钝,机智还有什么光荣?要是没有了丑陋,漂亮又怎么能维系自己的幸运?"
《项塔兰》:"即使镣铐加身,一身血污,孤立无助,我仍可以决定是要痛恨拷打我的人,还是原谅他们。"
《卡拉马佐夫兄弟》:"我爱人类,我越爱整个人类,我就越不爱具体的人。"
罗曼罗兰《约翰克里斯朵夫》:"灵感来得快去得也快,一定要放在压榨机下,把思想中的琼浆玉液全部压榨出来,一滴不剩。"
《杀死一只知更鸟》:"勇敢就是在你还没开始的时候,就知道自己注定会输,但依然义无反顾的去做,并且不管发生什么都坚持到底。一个人很少能赢,但也总会有赢的时候。"
卡尔萨根(旅行者号最后一张照片):"那个点那就是家,那就是我们,在那个蓝点上有所有发生的事,所有的爱与战争,所有妈妈做的菜,所有写过的诗,还有此刻正在读这段文字的你和我。"
九、可视化设计共同模式
这位创作者的项目矩阵 — 6 大设计共同点
| 设计 | 体现 |
|---|---|
| 地理化 | 把数据放在世界地图/星系/三维空间上 |
| 时间滑块 | 几乎每个项目都有年代切换 |
| 多语言 | 神话故事 + 语言学习 |
| 跨文化连接 | 显示相似主题如何跨万里连接(洪水/火/龙/爱情) |
| 个人化 | 看过 vs 未看过 / 是否收藏 |
| AI 推荐 | 按场景 / 风土人情 / 关键词 |
项目矩阵的核心思路
某个领域知识(动画/神话/文物/电影/书籍/诗词/科幻)
↓
按地理/时间/类型/语言可视化
↓
让用户"通过点击和拖拽"建立跨文化思维
↓
最终目的:让用户更理解不同的文化与文明
See also
- 小红书 / Vibecoding 实操合集(游戏/工具/小程序) — Vibecoding 实操(本项目背后的技术)
- 小红书 / AI 网页 + 3D 交互 + Pretext 设计合集 — AI 网页 + 3D 交互(本项目用到的网页框架)
- 小红书 / Vibecoding 审美 + 创作者经济合集 — vibecoding 审美 + 创作者经济(本作者属于此社区)
- 小红书 / 创意 + 治愈系 + 自然主题合集 — 创意治愈系(同作者的"花花 land"系列)
- 小红书 / 音乐 × 数学合集(欧几里得节奏 + 惠特尼音乐盒) — 音乐 × 数学
- 王凯 RSI AI 投资策略与"好资产 好价格 好波动"框架 — 王凯股票事件驱动思维(K 线图的对应)