Vibe Coding 案例：Replitopolis 把数据变成可浏览的 3D 城市
成品效果可以很“酷”，但仍要把数据来源、映射规则和交互边界讲清楚。
笑点只对准技术误会：一座会发光的城，不等于数据自动变真。
先看成品 / 结果：
Replit 官方直播页展示了 Replitopolis：一个实时 3D 城市，建筑对应真实用户，橙色光点对应 commit，并从 BigQuery 拉取数据。它是可浏览的成品演示，不是统计结论。
把这个 Skill 拆成三步：
1. 先定义一条数据到一个视觉元素的映射。 2. 让用户能点开元素查看原始字段或说明。 3. 为延迟、缺失和权限异常准备空状态。
给新人复用：
从十条假数据做一个小地图开始，先验证“看得懂”再追求规模和动效。
边界和核验：
视觉映射会放大误读风险；个人资料和提交数据不能未经授权公开。
以下是公开案例或官方演示的整理，不是本帖作者的亲身项目成果。
公开来源：
Replit Agent 4 Launch Demo：https://replit.com/blog/live-from-hq-agent4-launch-pt1
留给下一步的问题：
如果数据缺失，你会让城市显示空地、灰色建筑，还是明确的“未知”？
公开证据
开放问题
如果数据缺失，你会让城市显示空地、灰色建筑，还是明确的“未知”？
下一步
用十条无敏感字段的样本定义映射和空状态，再让另一人解释他看到了什么。