Claude 3.7是懂技术路线图绘制的：根据内容一键出图，配色布局升级

随着Claude 3.7 sonnet编程和代码能力在3.5基础上的进一步提升，很多网友展示了用3.7来输出ppt，绘制海报等效果。           

咱们之前标书课里面用3.5来绘制技术路线图，出的是mermaid格式。效果也还不错。但是3.7出来之后，有学员用课程里面的提示词出了html格式的技术路线图，视觉效果更好，几乎不用改。

对比mermaid，html和svg格式，我发现svg格式输出流程图，在布局和配色方面更优。我就想着能不能尝试优化一下原来的提示词，用SVG格式展示。           

而且SVG是矢量格式，后期可以导入PPT，形状和文字都可以自由修改。   

哪知道看起来容易，调整起来就像沙漠里的那一抹绿色，看着近，总也达不到：

要么箭头错乱，要么布局缺一块，要么文字重叠或超出框线，要么内容规划不合理。。。           

来来回回调了几十版，token也耗费了几十万，最后出的效果是这样：

（课题标书中的“技术路线图”，一般分为以课题思路/实验内容为主线的、以实验中的具体技术为主线的、和以实验完成时间轴为主线三种绘制思路。）

按具体实验进度：    

按研究思路-研究内容-研究方案规划：

按项目进展的时间线规划：    

内容只需要一坨丢给Claude 3.7，流程全部是它自己规划的。还是很不错的。SVG的配色和布局比Mermaid出图好看。

前面做坏的小板凳有好多，比如这样的：    

           

这样的：    

           

这样的：    

           

这样的：

进一步编辑修改：

把Claude 3.7给的SVG代码复制到SVG编辑器中就可以看图，还可以编辑和下载为图片格式：

SVG代码编辑和预览：

https://www.codeinword.com/svgshow           

           

可以在SVG编辑器中“Ctrl+F”直接定位到文字修改，或者导入PPT中修改：           

下载为svg文件，然后打开PPT：菜单“插入-图片-本地导入svg文件，右键“转换为形状”，就可以自由编辑了。        

好了，方法就介绍到这里。

如果觉得有用，欢迎在看、转发和点赞！娜姐继续输出有用的AI辅助科研写作、绘图相关技巧和知识。