ppt制作网站晋城网站设计

引言

• 在写HiFi-GAN论文的代码阅读过程中，我发现仅仅通过文字来描述网络结构，不够详细，所以想绘制出网络结构图，更加具象化的描述出网络结构。想去花了，才发现之前都是通过在线绘图网站画的，费时费力，所以想找一些专门的网站化出比较规范并且高质量的图。一方面是为了方便讲解，提高论文的质量，另外一方面也是为了以后写论文打下良好的基础。
• 这篇文章会根据我以前的画图经验展开，以前是使用绘图软件，手动绘图。后来，看到了其他的方法，但是需要写一些代码，或者需要安装特定的软件，投入成本太大，就没有学。所以，本文分享的工具主要分为三部分，具体如下
  • 在线画图工具，手动画图
  • 编码渲染工具，学习特定的编码

正文

手动画图的在线画图工具

• 一开始，我都是使用在线画图工具，去解决软件工程中的流程图、甘特图等图片。后来为了方便，即使需要画网络模型图，我也会使用着一些程序，拉矩形框绘制。虽然这些程序的画出来的网络图质量不高，不合规范，但是胜在上手快，并且绘制简单。

• 这里主要介绍三种，是我自己使用的，基本上可以覆盖所有的需求。

  • tldraw
  • ProcessOn
  • Draw.io

tldraw开源免费

• tldraw是github上开源的一个绘图网站，操作简单，并且完全免费，可以自主上传相关媒体，也可以将画好的图片导出。具体效果见下图。

• 链接：tldraw

• 优点：

  • 免费（数量不受限制），并且操作简单，不要翻墙，用于绘制流程图完全够
  • 绘图自由

• 缺点：

  • 没有甘特图、泳道图等工程管理中图片的模板
  • 不能绘制出网络结构图
  • 凡事都得手动操作

ProcessOn

• ProcessOn是我接触的第一个能够免费绘制功甘特图，泳道图和流程图的免费网站，虽然只能存9张，并且节点有限。对于早期做图需求不强烈的我，这个完全是够用的。具体展示如下
  

• 链接：ProcessOn

• 优点：

  • 限量免费（9张），各种工程图模板都是免费可用，操作简单容易上手
  • 不要翻墙

• 缺点

  • 部分强大功能需要钱，扩容需要钱
  • 不能绘制出网络结构图
  • 凡事都得手动操作，画板不够灵活

• 对了，补充一下，这个网站最强大的地方在于，画了九张图，你还可以删除，删除了还可以继续画，只不过只能存储9张图。而且删除了，并不会彻底删除，要清空回收站才算是完全删除。

Draw.io

• 这个比前两个都要方便，并且要强很多，最主要的是他是免费的，并且共享功能也不收费。不过这个我接触的比较晚，后来在github上看到的，用得比较少，界面和ProcessOn基本差不多，具体展示如下：

• 链接：Draw.io
• 优点：
  • 完全免费，存储不受限制，并且还有桌面版
  • 各种专业工程图都有模板，不需要自己设计
  • 绘图灵活，操作简单，直接来。
• 缺点：
  • 不能画符合规范的网络模型图

网络模型图工具

• 这个工具接触的比较少，因为之前主要使用表格画出对应流程图就行了，但是最近要写论文，所以想画出质量比较高的图片，所以接触了一下。
• 最初接触的是那种输入参数自动绘图的网站，但是使用效果不佳，后来就想找使用编码编写的文档，自动生成对应的图片。但是编码学习过程太长了，不想浪费这个时间，但是最近冲了chatGPT-VIP，可以根据我的自然语言描述，直接生成对应的编码，刚好省略了中间的学习成本，所以介绍一下。
• 这里主要介绍三种，具体如下
  • NN-SVG
  • NETRON
  • PlotNeuralNet

NN-SVG设置参数自动生成

• 这个是最早接触的神经网络绘制工具，能够绘制三种模式的图片，并且只需要设置相关参数即可，并不需要专门的编写代码，具体展示如下

• 链接：NN-SVG
• 优点：
  • 完全免费
  • 图形的种类多样，总共有三种模式，按照需要进行选择
  • 操作简单，只需要指定参数即可
• 缺点
  • 没有翻墙的话，可能加载速度比较慢
  • 网络模型的组件较少，对于复杂的网络结构，比如说resnet并不能实现

Netron上传模型自动生成

• 这个是第一次接触，直接上传对应的网络模型，比如说pkl文件或者pt文件，会自动给你画出对应的图片，具体效果如下。对于工程来说，可能很详细，但是对于讲解来说，很不友好，基本上看的不是很清晰。

• 链接：Netron
• 优点：
  • 操作简单，直接上传模型
  • 不需要翻墙，网速很快，完全免费
• 缺点：
  • 太丑了，格式单一，看不懂，并且不美观

PlotNeuralNet编码生成

• 这个是通过编码生成对应的图片，能够实现更加复杂的网络模型图，但是这需要掌握特定的编码，并按照你的需要编码生成对应图片。
• 结合chatGPT可以帮助你快速生成对应的编码，只需要简单的掌握编码，并使用自然语言简单描述一下你的需求就行。
• 这是一个插件，需要进行安装，支持python和latex两种模式。
• 下属为FCN模型，可以看到有很多复杂的结构。

• 链接： PlotNeuralNet

• 优点：

  • 完全免费
  • 功能强大，可以按照需要进行绘图

• 缺点：

  • 学习成本大，需要学习特定的编码语言

• 这里我专门写了一篇博客，分享了一下我是如何实现结合chatGPT和PlotNeuralNet快速画图，并不需要学习或者写很多编码。

总结

• 专门写了这样一篇博客来总结自己所用的绘图工具，单纯分享一下。