SuperAPI AI 工具集

explainer-visuals

数据与分析

查看项目

更新于 10-16 03:39

技能介绍

用途:为文章、博客等文字内容创建动画、可交互的解释性可视化,把复杂概念、流程、数据或想法变得直观。

主要能力:提供一套设计理念与实现规范,包括“渐进披露”“语义化动效”“静态可读”等原则;按概念类型选择合适形式,如变形动画、可缩放树图、分步动画、并排对比、力导向图、单位图、循环动画、时间轴、地图、隐喻图、滑块平衡等;给出排版、配色、缓动与时长等设计令牌;并规定可访问性要求。

使用方式:创建前先用 AskUserQuestion 做简短发现访谈,了解核心洞见、使用场景、受众与语气;再按概念类型选格式;技术选型从纯 CSS、原生 JS+CSS、GSAP 到 D3.js 逐级选择,多数场景原生 JS+CSS 足够。最终交付单个自包含 HTML 文件,内联全部 CSS/JS,可直接在浏览器打开或通过 iframe 嵌入;依赖库时附 CDN 链接与完整性哈希。

适用场景:文章中的开场钩子、支撑证据、高潮揭示或总结;需要展示变化、层级、流程、对比、增长、关系、分布、循环、时间线、空间或权衡等概念。

限制与要求:每个可视化需包含 role="img" 与 aria-label、隐藏文本替代、尊重 prefers-reduced-motion、键盘可访问交互与可见焦点状态;交付前需通过质量清单,文件大小建议简单场景小于 100KB、复杂场景小于 500KB。资料未提供具体收费、价格或平台支持信息。