最近某社区里有份整理帖传得很凶标题直接把关键词拉满Claude Opus 5.5 爆款终于有人收齐了114 精选可视化 完整提示词。我看到这帖时第一时间存了下来因为它踩中了我的日常工作痛点。我差不多每周都会拿 Claude Opus 5.5 生成各种可视化方案但每次都是从零写提示词做得越多越觉得浪费。114 个精选可视化项目加上每一条都能落地的完整提示词这不只是一堆网盘链接而是一套可以反复参考、复现、改写的“生成式可视化项目库”。这篇文章不准备评价排版好不好看只讲三件实际的事这份合集里到底有什么、怎么把提示词变成能跑的可视化、以及如何把这 114 个项目的模式偷成自己的东西。1. 先搞清楚这份“114 可视化”到底是一份什么东西1.1 它不是收藏夹而是一套“三重对齐”的项目库在往下看之前我先把这份合集的真实体感描述给你。类似资源包常见的形态是“一张张效果图加一句功能介绍”点进去要么失效要么躺灰收藏等于没收藏。这一份做得不太一样它的每一个条目都能对齐三层信息项目名称与用途对应的完整提示词以及由提示词生成的最终可视化效果。你看到的不只是“成品图”而是“这张图是怎样一步步做出来的建立过程”。这三重对齐的价值非常大。我拿其中“动态时间轴”类项目试过一次当你手里有提示词生成的可视化有问题时可以直接按提示逻辑重跑而不是去读一长串生成代码。代码可改但提示词才是真正可以被复用的“种子”。资源包里的代码只是果种子是那一句句经过调优的提示词。收藏链接解决不了“复现”的问题把提示种子种下去一次性能拿出一个能打开、能交互、能迁移的项目文件才真正解决问题。1.2 我为什么愿意花一个周末去梳理它我按自己的使用习惯把整份素材重排了一遍目录过程大概用了两个晚上。核对的指标只有三个是不是自包含的单文件提示词是不是完整到可以直接复制生成效果和描述是否一致。核查过程中有一个很实在的体会这批 114 个项目并不是同一时间被生成出来的很多提示词明显带着版本迭代的痕迹。比如同一个图表面板初版提示只有一个根元素后面版本会自动补上“数据区间留白”“避免重叠”等约束条件。这说明整理这份合集的人不是单纯做搬运他大概把不同来源的截图和提示还原成了同样一份可复现的格式所以标题里“收齐”两个字本身带着工作量。1.3 114 项的宏观结构先看整体再进细节我按自己的领域习惯把 114 个项目重新归成了 7 大类。分类不是按项目大小而是按“使用场景”和“提示词套路”来分这样后面使用的时候能更快定位到对口的模板。这个分类方法也建议你保留以后你看到任何一张不错的可视化截图先用场景归类再找同类的提示词作参考而不是对着图一张张苦想。类别项目数量典型用途提示词特色基础统计图表26汇报报表、日常分析突出简洁数据映射直接时间序列与动态图表18变化趋势、发布会演示强调动画节奏与时间轴地理空间可视化14区域对比、物流路径注重分层与区域边界的绘制关系与网络图12组织结构、知识图谱节点布局与连线权重是关键文本与词频可视化10舆情分析、文章摘要权重映射和版式密度是重点仪表盘与多图联动22数据看板、项目管理需要状态管理与组件交互3D、艺术与叙事型12活动页面、媒体展示风格先行数据映射靠后2. 把 114 个项目拆成七类每一类都能直接参考2.1 基础统计图表日常使用率最高这一类是最值得先抄的。26 个项目覆盖柱状图、折线图、堆叠面积图、散点图、箱线图、漏斗图等常见形态难度不高但约束得很细。我把里面一个饼图提示词拎出来看发现除了常规的“数据”和“标题”还带上了“标签尽量放在扇区外侧避免文字重叠”“取消图例改用直接标注”。这些约束都是做过类似图表的人才知道疼的地方。新手期做图表颜色和样式都想绕开默认老手反而只加几条经常踩坑的约束效果立刻工整。2.2 时间序列与动态图表爆款视频的底层资产所谓“爆款”很多都长在动态图表上。这 18 个项目里至少一半是“排行榜条形图、日历热力图、时间轴滚动图”这类能拿来录屏的素材。动态图表的提示权重和静态图表完全不一样静态图讲究布局密度动态图更强调动画曲线、每帧停留时长、以及年份轴是否醒目。我单独试过其中一条提示把“动画从慢到快再回落到平稳”用自然语言写进去生成的结果居然真的有节奏感。这也说明现在的模型对节奏描述的理解已经足够细腻关键是你要先把节奏想清楚而不是让它自由发挥。2.3 地理空间可视化让分布本身成为结论地理类项目适合回答“哪里多、哪里少、从哪里到哪里”。这类提示词最容易踩坑的是区域边界一旦涉及地图模型会默认去引用外部资源一旦资源加载失败整张图就白屏。合集中的这类提示普遍加了几个关键限定多边形坐标内联在代码里区域名用简短标签来代替配色由低到高表示密度图例说明放在右上角。按这个思路生成的是完整的区域分布图表现形式上往往走抽象化路线不依赖具体边界数据。这样既避免了渲染卡顿又足够直观放到业务汇报里完全能说明问题。2.4 关系与网络图从连线里读出结构网络图看着高级其实最容易翻车。节点一多连线交叉布局马上乱。合集里有一部分关系图给出的提示很有参考价值指定先做圆形分组布局再跑边缘连接连线透明度随权重提升颜色用同色系而不用对比色所有节点文字只在悬停时显示默认只显示圆点。这几条实际上是在降低视觉噪音。关系网络可视化不是要把每条线都画清楚而是要把“哪一块连接最密”这件事强调出来。提示词里凡是加了这类约束的复现效果都不会太差。2.5 文本与词频可视化把抽象内容变成形状文本类可视化适合做会议纪要、评论词频、文章摘要。合集里的词云和文字气泡项目提示写法和统计图表差别很大。关键词权重需要先用简短文本一句一句描述再让模型去渲染大小和色彩深浅提示词会限制“从中心向下扩散”避免词云中间空一块的稀疏感。另外值得单独提的是中文分词错词问题。很多文本可视化跑出来词频不对不是模型不行而是提示里没有声明“按词而不是按字切分”。加一句“基于中文语义进行分词”后整体效果能稳定不少这个细节我后来几乎每条文本类提示都会带上。2.6 仪表盘与多图联动单图到产品的关键跃迁22 个仪表盘项目是这个合集的另一个大块头。它们不只是给一张图表加个标题而是具备选项卡、下拉筛选、按钮切换、多图表联动这些交互状态。做这类项目的提示词最闪光的地方在于“状态归状态显示归显示”先定义数据集和筛选状态再定义图表区域各自显示哪些字段最后才定义切换动画。如果你直接把“帮我做一个销售看板”丢给模型出来的常常是一张写死的静态图。如果你按这个三段式来组织提示至少能得到一个能操作的原型后续需求方提修改意见时你也有一个可交互的东西去承接而不是空对空。2.7 3D、艺术与叙事型适合做亮点与收尾这类项目数量最少但往往是人气最高的那些封面图。有的是 3D 柱状图从透明到着色有的是数据叙事页面逐段展开有的是艺术化排版把数字嵌进图形里。它们的提示词有一个共同点把“风格描述”写在最前面把“数据映射”写在最后面。叙事型的顺序大体是设定背景色调与整体气质再说分镜顺序最后给出接入的数据字段。3D 类型则会明确要求“先低像素线框再加载纹理与照明”为的是在建模阶段就不卡顿。这类玩法实战里用得不多但一旦用在线上活动和汇报开场视觉记忆点很突出。3. 把提示词变成文件一份完整实操路径光有分类还不够我更想分享的是从拿到提示词到能在浏览器里跑通的完整过程。3.1 先建一个干净的项目目录这类玩法也适合先建立文件夹习惯。我在本地建了一个 claude-opus-114 目录下面分成 01-basic、02-temporal、03-geo、04-network、05-text、06-dashboard、07-3d 七个子目录再把每一个子目录里的内容继续按“项目名-序号”命名。这样做有一个实际好处当你同时生成多个候选版本时可以在文件名里保留 v1、v2、v3方便后续回溯。我的建议是把“第几次修改”写进文件名而不是永远叫 final。一个叫 final 的文件最后一定会变成 final_v6这个坑我已经踩过很多次了。3.2 核心思维让每个项目都“自包含”我拿到提示词后做的第一件事不是让模型直接“写一段代码”而是把交付形态明确成“单个 HTML 文件样式和脚本全部内联”。这是最稳妥的方案不需要安装依赖不需要外部请求双击就能打开。在这个前提下提示词里要主动声明三件事不要引用外部字体资源不要引用外部地图服务不要使用本地存储之外的数据接口。这样生成的文件无论在什么环境都容易打开拿去发给不懂技术的同事对方也只需要解压、双击看一眼。3.3 一次完整的复现实验动态排行榜条形图我挑“动态排行榜条形图”这个项目完整跑了一遍流程具体步骤记录如下。第一步准备一份简短的提示词。我用的是这一版你是一名资深数据可视化工程师。 请生成一个可以直接双击打开运行的 HTML 文件实现“手机品牌年度份额排行榜动态条形图”。 要求 1. 数据源内置在代码中包含 2015—2024 年十个品牌的份额数据 2. 图表按年自动切换每年停留 1.2 秒年份显示在左上角 3. 条形从底部向上生长采用同一色系的不同明度区分品牌 4. 当前年份排名第一的条形保持高亮其余条形颜色变浅 5. 排行榜始终按当年数值从大到小排列右端显示品牌名与数值 6. 页面采用深色背景所有中文文本使用系统字体不依赖外部资源 7. 生成后请直接返回完整 HTML 代码不要省略任何部分。第二步把返回的完整代码保存为 rank-bar.html用浏览器打开。这个过程没有什么玄学关键是不要急着改代码先看能不能跑通。第三步观察动画节奏。第一次跑出来的版本问题在于第一名高亮持续太久其它数据几乎看不清排行变化。我没有直接去调代码而是在提示词里补了一句“非第一名条形保持默认亮度仅第一名使用高亮色”重新生成后效果马上清晰了。这个例子想说明的是提示词可以承担绝大多数后期微调职责。你越愿意把视觉细节在提示中写清后期手改代码的概率就越低。3.4 后续修改优先改提示词而不是手改代码有一个原则我希望刚上手的人能记住图形细节尽量从提示词上找原因不要长期手改代码。手改生成代码有一个风险一旦后续重新生成改动全部被覆盖而且自己维护起来也累。更合适的节奏是把一次修改当成一次新的生成任务把之前的描述保留下来让模型只改某个部位。比如字体太小就写“标题字号改为 24px数据标签字号改为 14px”动画太快就写“每年停留时间延长到 1.5 秒”。模型对这类局部修改很敏感前提是提示里能指清楚位置和数值。3.5 一组值得长期使用的参数规范我在看了很多提示词后也慢慢总结出几个相对标准的写法。包括画布尺寸尽量声明成 16:9 或 4:3图表内边距统一留出 20 像素数据标签精度小数位指定到一位或两位颜色统一采用一套低饱和色板背景使用深色时优先浅色文字。这些参数在 114 个项目里反复出现说明它们是经过验证的常见最佳实践。我自己的模板里已经把这些规范固化下来每次生成时直接复用而不是临时想一套新说法。4. 常见问题不是“模型不会画”而是“提示缺约束”这部分内容是我在整理合集前后踩坑踩出来的拿出来单独写是因为这些坑太隐蔽了。表面上看是生成的图表不好看实际原因都在提示词缺少某一条约束。4.1 图表为什么总被裁掉最大的坑是画布尺寸没有声明。模型默认生成的画布偏窄图表边距又小坐标轴文字经常被截在视口外。解决思路是在提示词里明确“画布宽高比”比如“画布 1280*720所有边距至少 20px”。如果已经生成完了别手改代码堆边距先看是不是顶层的容器没有自适应让画布在窗口缩小时也保持等比例缩放。4.2 中文文字变成方块遇到中文乱码或方块体绝大多数情况是因为提示里声明了外部英文字体或者字体栈没有包含中文字体。这里有一个稳定经验明确写“使用系统字体栈包含中文回退”。一旦你写清楚基本不会再出现。如果你完全不给字体方向模型有时会使用默认主题字体那个也不一定难看只是不够稳定同一套提示多跑几次字体可能会变里外里都影响交付观感。4.3 动态动画卡在最后一帧动态图表项目里出现频率很高的问题是动画停留在最终状态不再重置播放。原因通常是你在提示里没有说清循环方式。如果要循环播放就加“动画结束后重置并重新播放中间间隔 1 秒”如果要停在末尾可以不加。一个项目到底要不要循环很多人在生成前根本没想过但模型不会替你决定它会默认选一个比较保守的方案最后效果往往不够“视频友好”。4.4 提示词是不是越长越好很多人拿到完整提示词以后下意识会觉得越长越稳。实际不是。提示词的价值在于约束关键变量而不是堆字数。114 个项目里比较稳定的提示通常都是角色设定、数据描述、输出格式、交互要求各自占一段段落之间互不重叠。那些能一句话写清楚的项目往往比“写一段又一段背景说明”的项目更可控。判断标准就一条把提示里每一个字都删掉后效果会不会发生变化不会发生变化的内容就没必要写。我把常见问题整理成表方便复制查阅现象常见原因建议补充到提示词里的描述图表裁边、坐标轴看不到未声明画布大小和边距画布 1280x720四周留白 20px中文变方块或字体跳动字体栈缺少中文字体使用系统字体保留中文回退动画卡在最后一帧未定义循环行为动画结束后重置间隔 1 秒图表颜色混乱没有统一色板使用同色系不同明度悬停提示不显示没有声明 tooltip 行为鼠标悬停显示字段名与数值交互响应非常慢局部重绘逻辑缺失只更新图表主体区域不整页重绘5. 从 114 个项目里提炼你自己的提示词库把别人的 114 个模板照搬过来只是第一步更重要的是从中抽出可以复活的骨架。这一节讲的不是怎么抄而是怎么拆。5.1 从项目反推提示的九个常用骨架我归纳下来这批项目即使看起来再花哨底层也大多围绕以下九类骨架展开单图展示型一个明确标题、一组数据、一个图表类型适合快速回应需求。时间驱动型数据随年份或月份逐帧推进适合讲变化、讲趋势。分布对比型强调群体之间的差异适合排名、份额、占比。关系结构型用节点和连线表达层级与关联适合组织架构、知识图谱。地理区位型用位置分布说明问题适合网点、覆盖率、流向。文本密度型用词频和权重重组语言适合评论摘要、热点分析。多面板操控型多个图表共享一个数据状态适合看板、指挥中心。流程叙事型按顺序逐个呈现分镜适合发布会、宣传页。风格展示型先定美学数据反而次要适合海报、开场动画。每一类骨架对应的提示写法并不一样。单图展示型要把数据映射写细流程叙事型要多花篇幅描述分镜顺序风格展示型则要把风格词提前。你只要在脑子里保存这九类骨架看到新需求时先把题目归到其中一类里写提示词的速度会快很多也不容易写完才发现方向偏了。5.2 做减法我日常真正常用的五类模板114 这个数字很有参考性但做实际工作不需要全部记住。我自己的高频模板实际就五个动态排行榜、多图联动看板、区域分布图、关系网络图、文本密度图。遇到汇报需求基本是仪表盘遇到传播内容是动态排行榜遇到分析场景就是分布或关系图。把五个模板反复打磨成自己的“默认配置”比你背 114 个项目用得都勤快。模板不在多在于对特定场景的覆盖是否完整。如果覆盖完整哪怕只有五个模板也能撑起八成日常工作。5.3 沉淀模板库的组织办法建议你建一个纯文本的提示词库一个文件对应一个项目内容顺序固定为效果目标、数据字段、约束条件、输出格式、迭代记录。迭代记录很重要因为它记录了“这次为什么这样改”下次遇到类似项目不需要再从零试错。我通常把每一次生成的提示、版本号和实际效果截图放到同一目录里与最终代码放在一起。保存文件时用“项目名-版本序号”命名比“最终版”三个字靠谱得多。几个星期后回看你一眼就能知道当时改了什么、踩了什么坑。最后再分享一个实感。当我打开这份 114 项目的合集里最不被看好的一个文字词云项目时没想到它给我提供了最多的灵感。我们看模板的时候总是惦记那些彩色大屏真正到落地的时候反而是简单工具被用得多、用得好。这是我对这份合集最大的感受重要的不是把 114 个效果都看一遍而是通过这些项目理解一套提示词写法。把提示词当工程看每个项目都是可以被拆解、参考和复用的资产把提示词当文案看那就只是另一份收藏夹。收藏夹会吃灰会过期但一套沉淀下来的模板方法可以在下一次项目里帮你省下好几个晚上。