我写了一篇公众号文章: AI Vibe Coding & D3.js 数据排名动态图表实现
主要是实现之前很火的 Top 排名动态变化的条形图展示,比如 2025 年 Top 10 上市公司排名变化这种, 同时配合增长曲线变化,把横向动态条形图和曲线图结合起来,两种图同时变化。
该项目是通过 vibe coding 实现,开源项目地址: https://github.com/LuoShiXi/FrontLives/tree/main/h5
项目中做了通用的 json 配置化,你可以把项目拉到本地运行(纯 h5 ),替换成任意的你想要展示的排名数据( ps:让 AI 帮你生成就可以了)