我的书签
添加书签
移除书签- 图表基本信息
请为我生成一个SVG图表，主题是”[图表主题]”，需要满足以下要求：
- 视图大小：[宽度]x[高度]，确保有足够空间显示所有元素
- 整体风格：[简约/专业/现代/卡通等]
- 配色方案：[指定配色方案或让AI选择]
- 结构与布局
图表结构要求：
- 主要元素：[详细描述图表中的主要元素，如矩形、圆形、连接线等]
- 布局方式：[垂直/水平/环形/网格等]
- 元素间距：[明确指定元素之间的间距要求]
- 边界留白：[指定图表四周需要保留的边距]
- 元素详细描述
请包含以下具体元素：
[元素1]：
- 类型：[矩形/圆形/线条等]
- 尺寸：[宽x高或半径]
- 颜色：[填充色和边框色]
- 位置：[相对位置描述]
- 文字内容：[元素上的文字]
- 文字样式：[字体、大小、颜色、加粗等]
[元素2]: …
- 连接关系与交互
元素之间的连接：
- 连接类型：[箭头/线条/曲线等]
- 连接样式：[实线/虚线/粗细/颜色]
- 方向指示：[单向/双向，使用不同颜色区分]
- 箭头设计：[箭头大小/形状/颜色]
- 水平间距：[明确指定平行连接线之间的间距]
- 文本与标签
文本要求：
- 标题：[位置/字体/大小]
- 图例：[是否需要，位置和样式]
- 元素标签：[主要/次要文本的区分]
- 字体族：[指定使用的字体]
- 文本对齐：[居中/左对齐/右对齐]
- 视觉强调与细节
视觉增强：
- 重点元素：[需要强调的元素及强调方式]
- 边框圆角：[是否需要圆角及大小]
- 阴影效果：[是否需要及样式]
- 透明度：[是否需要半透明效果]
- 特殊效果：[渐变/图案/纹理等]
- 示例与参考
参考示例：
- 可以提供简单的ASCII草图说明布局
- 或者描述类似的图表样式：”类似于[某种常见图表]的样式”
- 如果有，可以指明不希望出现的元素或样式
- 检查要点
生成后请确保：
- 所有元素边框完整可见
- 文本不会溢出或被截断
- 连接线正确连接到目标元素
- 颜色对比度足够，文字清晰可读
- 视图大小适当，能完整显示所有内容
实际应用示例
对于我们刚才创建的AI生态系统层次图，一个理想的提示词可能是：
请生成一个SVG图表，展示”AI生态系统层次与MCP的定位”，要求：
基本信息：
- 视图大小：800x820px，确保足够空间
- 风格：清晰专业的技术架构图
- 背景色：浅灰色，边缘圆角
结构要求：
- 主体为5个垂直排列的矩形框，表示不同层次
- 各层次间保持相等间距，至少150px
- 每个矩形宽600px，高度根据内容适当调整（约90-110px）
矩形框详细规格：
- 应用层：紫色边框(#722ed1)，浅紫填充(#f9f0ff)
- 开发工具层：橙色边框(#fa8c16)，浅黄填充(#fcf4dc)
- 互操作层(MCP)：蓝色边框(#1890ff)，加粗(4px)，浅蓝填充(#e6f7ff)
- 模型接入层：绿色边框(#52c41a)，浅绿填充(#f6ffed)
- 基础模型层：橘色边框(#fa541c)，浅橘填充(#fff2e8)
文本要求：
- 每层有标题(18px)和说明文本(14px)
- 中间”互操作层(MCP)”标题需要加大(20px)并使用蓝色(#1890ff)强调
- 所有文本居中对齐
连接箭头：
- 使用两个平行单向箭头连接各层次
- 左侧为下行箭头(蓝色#1890ff)，右侧为上行箭头(橙色#fa8c16)
- 两箭头水平间距至少60px
- 箭头应具有清晰的箭头标记
图例：
- 在图表右上角添加简单图例
- 解释蓝色箭头表示”下行数据流”
- 解释橙色箭头表示”上行数据流”
重要提示：
- 确保所有矩形边框完整可见，特别是最底部的基础模型层
- 确保所有文本在矩形内完全可见且清晰
