showgee
反馈
排行榜/sickn33/antigravity-awesome-skills/claude-d3js-skill
#实用

D3.js 难的不是代码,是不知道该怎么想

这个 skill 把 D3.js 的数据绑定和 DOM 操作逻辑喂给 Claude,让它帮你写出版级可视化

#实用
D3.js 难的不是代码是那套数据绑定的思路
claude-d3js-skill
37.8k
D3.js 难的不是代码,是那套数据绑定的思路──── 划重点

备忘录

之前帮人排查一个 D3.js 的力导向图,几百行代码跑起来没效果,核查半天发现问题出在数据绑定的 key function 上,根本不是逻辑 bug。D3.js 就是这种工具,概念没对齐什么都白搭。这个 skill 的价值就在这,它把 enter/update/exit 那套心智模型嵌进 Claude 的上下文,让它按 D3.js 的方式思考再出代码。地理投影和层级图这种查文档都头疼的东西,现在直接描述需求就行。

亮点

  • ·网络图、层级树形图、地理投影,复杂布局一句话启动不用自己查 API
  • ·动画和过渡效果有标准结构兜底,不会再写出一坨闪烁的 enter/update/exit

谁该装

需要做自定义交互图表的前端和数据分析师,完全不懂 D3.js 的人装了也很难接住输出

说在最后

37k stars 说明需求是真实的。D3.js 门槛高不是因为 API 多,是心智模型不一样,这个 skill 恰好在补这块。但复杂度标注是 high,你得有一点 SVG 和 DOM 的基础才能改它给你的代码

登录后即可评分、收藏这个项目

同仓库其他 skill

评论

登录后即可参与评论

还没有评论,来抢沙发。

cards generated by showgee