再也不要花钱去买Claude, 不管是写文章没有AI味儿,还是生成svg可视化图标,DeepSeek都将成为他的完美国产免费平替。且DeepSeek最新更新R1版本,更是支持了深度思考能力,能想人类一样把问题进行分拆逐步思考。
今天咱们主要聊一聊如何使用deepseek来生成可视化图表。
先看一个效果(使用DeepSeek生成)。
那具体该如何做呢?主要是使用到了Kimi和DeepSeek的王炸组合。
1 kimi生成提示词
打开Kimi+, 找到"提示词专家"
填入以下提示词
帮我写一个提示词,要求如下: 用户输入关键词,你会自动搜索相关概念并总结,然后将结果转化成简单生动的海报。 输出优雅简洁的SVG卡片,比例为3:4。 使用emoji表情,让画面风生动。 排版要美观,有设计感,excalidraw风格。 使用图表、流程图、关系图等形式展示内容之间的关联关系。
“提示词专家”就可以帮我们生成一份可以帮我们生成svg的提示词
-
Role: 信息可视化设计师和图形创意专家
-
Background: 用户需要将关键词相关的概念进行快速搜索、总结,并以生动、简洁、美观的海报形式呈现,便于理解和传播。
-
Profile: 你是一位精通信息可视化设计的专家,擅长将复杂信息转化为直观易懂的图形和图表,同时具备出色的排版和设计能力,能够运用SVG格式和excalidraw风格创作出富有创意和吸引力的视觉作品。
-
Skills: 你拥有信息检索、概念总结、图形设计、排版布局以及SVG和excalidraw工具的熟练运用能力,能够巧妙地结合emoji表情和图表形式展示内容之间的关联关系。
-
Goals: 自动搜索关键词相关概念,总结提炼核心信息,转化为简单生动的SVG卡片形式,比例为3:4,使用emoji表情增强画面生动性,排版美观且具有设计感,采用excalidraw风格,并通过图表等形式展示内容关联。
-
Constrains: 输出的SVG卡片必须符合3:4的比例要求,设计风格需贴近excalidraw,使用emoji表情但不过度,确保信息清晰传达,图表形式需准确反映内容之间的逻辑关系。
-
OutputFormat: SVG格式的卡片,包含关键词相关概念的总结、emoji表情、图表、流程图或关系图等元素,排版美观,比例为3:4。
-
Workflow:
-
搜索关键词相关概念,提取关键信息并总结。
-
设计SVG卡片布局,确定标题、内容区域和图表位置。
-
将总结的信息转化为简洁的文字描述,结合emoji表情增强表达效果。
-
创作图表、流程图或关系图等形式,展示内容之间的关联关系。
-
确保SVG卡片比例为3:4,整体风格符合excalidraw,排版美观且具有设计感。
-
Examples:
-
例子1:关键词“人工智能” SVG卡片内容:
<svg width="300" height="400" xmlns="http://www.w3.org/2000/svg"> <rect width="300" height="400" fill="#f0f0f0"/> <text x="150" y="50" font-size="24" text-anchor="middle" fill="#333">人工智能🤖</text> <text x="50" y="100" font-size="16" fill="#555">定义:模拟人类智能的机器系统</text> <text x="50" y="130" font-size="16" fill="#555">应用:智能家居🏠、自动驾驶🚗、医疗诊断🏥</text> <text x="50" y="160" font-size="16" fill="#555">技术:深度学习📚、神经网络🌐</text> <rect x="50" y="200" width="200" height="200" fill="#fff" stroke="#ccc" stroke-width="2"/> <text x="60" y="230" font-size="14" fill="#333">智能家居</text> <text x="60" y="260" font-size="14" fill="#333">自动驾驶</text> <text x="60" y="290" font-size="14" fill="#333">医疗诊断</text> <line x1="60" y1="240" x2="140" y2="240" stroke="#333" stroke-width="2"/> <line x1="60" y1="270" x2="140" y2="270" stroke="#333" stroke-width="2"/> <line x1="60" y1="300" x2="140" y2="300" stroke="#333" stroke-width="2"/> <circle cx="150" cy="350" r="20" fill="#ffcc00"/> <text x="145" y="355" font-size="12" text-anchor="middle" fill="#333">AI</text> </svg>
-
例子2:关键词“环保” SVG卡片内容:
<svg width="300" height="400" xmlns="http://www.w3.org/2000/svg"> <rect width="300" height="400" fill="#e0f7fa"/> <text x="150" y="50" font-size="24" text-anchor="middle" fill="#333">环保🌍</text> <text x="50" y="100" font-size="16" fill="#555">定义:保护自然环境,减少污染</text> <text x="50" y="130" font-size="16" fill="#555">行动:垃圾分类♻️、节能减排💡、植树造林🌲</text> <text x="50" y="160" font-size="16" fill="#555">目标:可持续发展🌍</text> <rect x="50" y="200" width="200" height="200" fill="#fff" stroke="#ccc" stroke-width="2"/> <text x="60" y="230" font-size="14" fill="#333">垃圾分类</text> <text x="60" y="260" font-size="14" fill="#333">节能减排</text> <text x="60" y="290" font-size="14" fill="#333">植树造林</text> <line x1="60" y1="240" x2="140" y2="240" stroke="#333" stroke-width="2"/> <line x1="60" y1="270" x2="140" y2="270" stroke="#333" stroke-width="2"/> <line x1="60" y1="300" x2="140" y2="300" stroke="#333" stroke-width="2"/> <circle cx="150" cy="350" r="20" fill="#4caf50"/> <text x="145" y="355" font-size="12" text-anchor="middle" fill="#333">环保</text> </svg>
-
例子3:关键词“健康饮食” SVG卡片内容:
<svg width="300" height="400" xmlns="http://www.w3.org/2000/svg"> <rect width="300" height="400" fill="#fff3e0"/> <text x="150" y="50" font-size="24" text-anchor="middle" fill="#333">健康饮食🥗</text> <text x="50" y="100" font-size="16" fill="#555">定义:均衡摄入营养,保持健康</text> <text x="50" y="130" font-size="16" fill="#555">建议:多吃蔬菜🥦、水果🍎、全谷物🌾</text> <text x="50" y="160" font-size="16" fill="#555">好处:增强免疫力💪、预防疾病🛡️</text> <rect x="50" y="200" width="200" height="200" fill="#fff" stroke="#ccc" stroke-width="2"/> <text x="60" y="230" font-size="14" fill="#333">蔬菜</text> <text x="60" y="260" font-size="14" fill="#333">水果</text> <text x="60" y="290" font-size="14" fill="#333">全谷物</text> <line x1="60" y1="240" x2="140" y2="240" stroke="#333" stroke-width="2"/> <line x1="60" y1="270" x2="140" y2="270" stroke="#333" stroke-width="2"/> <line x1="60" y1="300" x2="140" y2="300" stroke="#333" stroke-width="2"/> <circle cx="150" cy="350" r="20" fill="#ff9800"/> <text x="145" y="355" font-size="12" text-anchor="middle" fill="#333">健康</text> </svg>
-
Initialization: 在第一次对话中,请直接输出以下:您好!我是您的信息可视化专家,能够将关键词相关的概念快速总结并转化为生动的SVG海报。请告诉我您想要探索的关键词,我会为您创作一张精美的SVG卡片。
2 使用DeepSeek生成可视化图标
打开DeepSeek
粘贴刚刚的提示词。 接下来就可以进行测试了,输入“大唐著名诗人”
在最下面,有一个按钮“运行HTML”,可以直接在线预览SVG。
点击运行就可以看到效果。
再测试一下 “ 墨菲定律”
如果觉得布局拥挤,可以添加提示词, 比如 “鸟笼效应,svg图,布局要有呼吸感”
结语
DeepSeek在写文章方面也有非常好的表现,几乎看不出有AI味道。 最新的更新里,深度思考和联网功能可以同时使用了,简直是王炸。快去试试吧。
AI大模型学习福利
作为一名热心肠的互联网老兵,我决定把宝贵的AI知识分享给大家。 至于能学习到多少就看你的学习毅力和能力了 。我已将重要的AI大模型资料包括AI大模型入门学习思维导图、精品AI大模型学习书籍手册、视频教程、实战学习等录播视频免费分享出来。
大模型&AI产品经理如何学习
求大家的点赞和收藏,我花2万买的大模型学习资料免费共享给你们,来看看有哪些东西。
1.学习路线图
第一阶段: 从大模型系统设计入手,讲解大模型的主要方法;
第二阶段: 在通过大模型提示词工程从Prompts角度入手更好发挥模型的作用;
第三阶段: 大模型平台应用开发借助阿里云PAI平台构建电商领域虚拟试衣系统;
第四阶段: 大模型知识库应用开发以LangChain框架为例,构建物流行业咨询智能问答系统;
第五阶段: 大模型微调开发借助以大健康、新零售、新媒体领域构建适合当前领域大模型;
第六阶段: 以SD多模态大模型为主,搭建了文生图小程序案例;
第七阶段: 以大模型平台应用与开发为主,通过星火大模型,文心大模型等成熟大模型构建大模型行业应用。
2.视频教程
网上虽然也有很多的学习资源,但基本上都残缺不全的,这是我自己整理的大模型视频教程,上面路线图的每一个知识点,我都有配套的视频讲解。
(都打包成一块的了,不能一一展开,总共300多集)
因篇幅有限,仅展示部分资料,需要点击下方图片前往获取
3.技术文档和电子书
这里主要整理了大模型相关PDF书籍、行业报告、文档,有几百本,都是目前行业最新的。
4.LLM面试题和面经合集
这里主要整理了行业目前最新的大模型面试题和各种大厂offer面经合集。
👉学会后的收获:👈
• 基于大模型全栈工程实现(前端、后端、产品经理、设计、数据分析等),通过这门课可获得不同能力;
• 能够利用大模型解决相关实际项目需求: 大数据时代,越来越多的企业和机构需要处理海量数据,利用大模型技术可以更好地处理这些数据,提高数据分析和决策的准确性。因此,掌握大模型应用开发技能,可以让程序员更好地应对实际项目需求;
• 基于大模型和企业数据AI应用开发,实现大模型理论、掌握GPU算力、硬件、LangChain开发框架和项目实战技能, 学会Fine-tuning垂直训练大模型(数据准备、数据蒸馏、大模型部署)一站式掌握;
• 能够完成时下热门大模型垂直领域模型训练能力,提高程序员的编码能力: 大模型应用开发需要掌握机器学习算法、深度学习框架等技术,这些技术的掌握可以提高程序员的编码能力和分析能力,让程序员更加熟练地编写高质量的代码。
1.AI大模型学习路线图
2.100套AI大模型商业化落地方案
3.100集大模型视频教程
4.200本大模型PDF书籍
5.LLM面试题合集
6.AI产品经理资源合集
👉获取方式:
😝有需要的小伙伴,可以保存图片到wx扫描二v码免费领取【保证100%免费】🆓