爱意满满的作品展示区。
95aluo

我用 vibe coding + D3.js 快速实现了数据 Top 排名动态图表功能

  •  
  •   95aluo · Dec 15, 2025 · 1173 views
    This topic created in 165 days ago, the information mentioned may be changed or developed.

    我写了一篇公众号文章: AI Vibe Coding & D3.js 数据排名动态图表实现

    主要是实现之前很火的 Top 排名动态变化的条形图展示,比如 2025 年 Top 10 上市公司排名变化这种, 同时配合增长曲线变化,把横向动态条形图和曲线图结合起来,两种图同时变化。

    该项目是通过 vibe coding 实现,开源项目地址: https://github.com/LuoShiXi/FrontLives/tree/main/h5

    项目中做了通用的 json 配置化,你可以把项目拉到本地运行(纯 h5 ),替换成任意的你想要展示的排名数据( ps:让 AI 帮你生成就可以了)

    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2808 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 00:19 · PVG 08:19 · LAX 17:19 · JFK 20:19
    ♥ Do have faith in what you're doing.