用途：在需要 HTML Canvas、SVG 图形、数据可视化、生成艺术或 D3.js 等交互式视觉元素时使用，覆盖从底层像素操作到高层图表组合。
主要能力：按需求分析确定输出类型与渲染技术，提供技术选择决策表（Canvas 2D、SVG、WebGL 的适用条件），并给出 Canvas 响应式与动画循环模式、脏矩形优化、SVG 程序化创建与无障碍写法、D3 v7 数据连接与比例尺/坐标轴、响应式图表、生成艺术技法（噪声、粒子系统、L 系统、Voronoi 等）、可视化无障碍要求及性能优化与常见反模式。
使用方式：先做需求分析并给出技术推荐，再实现渲染管线、交互、优化与无障碍层。关键模式示例包括 createResponsiveCanvas、createAnimationLoop、createSVG、updateBars 等函数，实际代码以原资料为准；Canvas 需按 window.devicePixelRatio 缩放，动画用 requestAnimationFrame，卸载时清理 observer 与动画帧。
适用场景：仪表盘图表（<500 点用 SVG+D3）、实时数据流（Canvas 2D）、交互地图、粒子/生成艺术、3D 可视化（WebGL）、博客信息图、游戏或模拟。
限制：技术选择需按元素数量、事件处理、像素操作、文本、3D、打印、动画、无障碍与 SEO 等条件判断；SVG 建议节点少于 1000，mousemove 节流至 16ms，文本密集型避免用 Canvas。价格、收费与更完整的平台细节暂未提供。