d3-visualization
一个基于D3.js的数据可视化生成工具，帮助用户快速创建交互式图表。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：d3-visualization。 它的用途是：一个基于D3.js的数据可视化生成工具，帮助用户快速创建交互式图表。 详细介绍见：https://321skill.com/skills/d3-visualization/ 请根据该页面的说明完成安装。
使用示例
“帮我用D3.js生成一个展示过去一年每月销售额的折线图，数据是[月份，销售额]的数组，要求有坐标轴和悬停提示。”，它会生成完整的D3.js JavaScript代码，包括数据绑定、比例尺设置、坐标轴绘制和交互事件处理。你可以直接复制这段代码到你的网页项目中，快速获得一个可交互的折线图。
介绍
d3-visualization Skill 旨在解决用户在数据分析和展示中，需要快速、灵活地生成高质量、可交互的可视化图表的问题。它封装了D3.js的常用功能，降低了直接使用D3.js进行开发的技术门槛。
用户可以通过自然语言描述数据特征和想要的图表类型（如折线图、柱状图、散点图等），该Skill会生成相应的D3.js代码。用户可以直接复制代码到自己的项目中运行，或在其基础上进行修改以满足定制化需求。
该Skill非常适合需要将数据洞察以可视化形式呈现，但又不想深入钻研D3.js复杂API细节的开发者、数据分析师和内容创作者。它能在制作分析报告、开发数据看板、准备演示素材等场景中显著提升效率。
使用建议：在描述需求时，尽量清晰地说明数据的结构（例如列名、数据类型）和期望的视觉编码（例如用颜色区分类别，用大小表示数值）。由于生成的是前端代码，需要用户具备基本的HTML和JavaScript环境来运行和调试。
核心特点
与通用代码生成技能相比，它专注于D3.js这一强大的可视化库，能生成更专业、更具交互性的图表代码；与一些固定模板的图表工具相比，它提供了基于代码的灵活性，允许用户进行深度定制和集成。
注意事项
不适合需要完全零代码、拖拽式生成图表的用户，也不适合生成极其复杂或非标准的定制化可视化效果（如地理拓扑图）。
常见问题
这个Skill需要我懂D3.js吗？
不需要精通，但了解基本概念（如SVG、数据绑定）有助于更好地使用和修改生成的代码。
生成的代码可以直接运行吗？
生成的是一段独立的D3.js代码片段，需要嵌入到具备D3.js库的HTML页面中才能正确渲染。