程序员常用的画图软件/可视化和小技巧

已于 2023-08-06 12:25:43 修改
阅读量9.6k 收藏 49
点赞数 8
CC 4.0 BY-SA版权
分类专栏： 工具日常使用 # 工具推荐 文章标签： 绘图工具
于 2021-08-25 09:52:53 首次发布
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/Castlehe/article/details/119903544

文章目录

🎨1. 常用图——Draw.io

1. 使用方便

无需登录，直接进入网页，可以直接使用海量模板新建项目。
在这里插入图片描述
然后进入编辑页面，在左侧选择需要的图形，拖到绘图区进行编辑，然后在右侧修改样式就好了。
在这里插入图片描述
可以直接搜索需要的图形，比如服务器，当然也可以直接粘贴本地或网络图片。
在这里插入图片描述

2. 样式美观

Draw.io 提供了几种默认主题和预设图形风格，比如手绘风格。
在这里插入图片描述
当然也可以对图形进行高度灵活的定制，如果对界面开发比较熟悉的话，甚至可以直接编辑图形的属性值。
在这里插入图片描述

3. 丰富导出

可以将绘制好的图形一键导出为图片、矢量图、PDF、HTML 文档等。
在这里插入图片描述
其实这些都没什么，我最喜欢的一点是，它可以直接生成在线网页，分享给别人就能快速浏览了，还提供了小工具栏，可以缩放、截图、打印和快速编辑。
在这里插入图片描述
此外，还可以导出绘图为嵌入式网页！这样就能把各种作图直接无缝集成我们自己开发的网页中了。
在这里插入图片描述

4. 便于存储和导入

可以随时保存绘图为本地文件，或存储到 GitHub 等在线空间中；当需要再次编辑时，从同样的地方导入即可。
在这里插入图片描述
对于习惯用 GitHub 来存放和分享代码的同学来说，这点太实用了，意味着你可以和其他同学协作绘图。

除了 Draw.io 外，我也比较喜欢EdrawMax（亿图图示），一款本地作图软件，功能也很强大。

👍👍👍5. 出桌面版了！！！！

直接去github上下载，macOS、Windows、linux都支持

✨2. ER 图

后台开发同学可能会接触到 ER 图，常用于数据库设计中，表示数据的属性和关系。

我一般不会手动去画这玩意，需要的时候直接用数据库管理软件（比如 Navicat、JetBrains DataGrip 等）根据已有的库表生成就好了。
在这里插入图片描述

🎡3. UML 类图

UML 类图用于表示类与类之间的关系，帮助快速了解整个系统的设计结构。

和 ER 图一样，我也不会自己去画这玩意儿，累死个人。一般直接用集成开发环境（比如 JetBrains IDEA）自动根据代码去生成 UML 类图就行了，如图：
在这里插入图片描述
这不比自己画的好看？

🤡4. 可视化图表——Flourish等

4.1 Floursh

图表可以更直观地展示数据和趋势，在 PPT 汇报中扮演着举足轻重的地位。

常见的图表有条形图、柱状图、饼图、折线图等等。

虽然 Excel、PPT 都可以画图表，但相对有点丑，我比较推荐 Flourish ，一款在线生成可视化图表的网站。

内置了丰富的图表类型模板：
在这里插入图片描述
选择图表类型后，配置要展示的数据和图表样式即可。
在这里插入图片描述
我最喜欢这个网站提供的 动态图表 和 URL 分享 功能，可以快速制作那种动态变化数值的实时排行榜。

做好之后可以一键分享网页地址，让他人浏览，也可以嵌入到自己的网页中。
在这里插入图片描述

4.2 Echarts等

参考知乎话题：国内在线图表工具，你能说出几个？

花火：https://hanabi.data-viz.cn/
在这里插入图片描述

4.3 百度的图说/Echarts

图说：https://tushuo.baidu.com/
在这里插入图片描述
Echarts在线体验: http://www.max-logistics.com/Tpl/Home/default/Public/Hui/lib/echarts/2.2.7/doc/example.html
在这里插入图片描述
js组件，Echarts的github项目地址：https://echarts.apache.org/zh/index.html
中文官网：https://github.com/apache/echarts
在这里插入图片描述

4.4 阿里巴巴的AVA

github地址：https://github.com/antvis/AVA
在这里插入图片描述
官方网站：https://antv-ava.gitee.io/zh
在这里插入图片描述

💫5. 思维导图——Xmind

我最常用的思维导图软件是 XMind ，使用方便、主题丰富。
在这里插入图片描述

参考：

💫 6. python绘图包

除了常见的matplotlib、seaborn和ggplot，其实还有新的在出现。

6.1 Poltly_express

参考：Plotly_Express：新一代的高级可视化神器，精美动态可视化图表仅需一行代码！

poltly_express是对poltly的高级封装，我也知道poltly画的图很好看，但是确实用起来比较复杂，poltly_express就是为了简化poltly的使用而诞生的。
这里放几个随便从官网截的图：https://plotly.com/python/plotly-express/
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6.2 matplotlib

参考：github-python-数据可视化之美代码仓库：Beautiful-Visualization-with-python

书也可以看一下，反正彩色版本看起来挺好看的。。。

💫 7. 颜色搭配

参考：配色丑？那是你没早点看到这篇文章！

第一个网站，adobe的官方配色网站

https://color.adobe.com/zh/create/color-contrast-analyzer
在这里插入图片描述

第二个网站，colorhunt，直接提供大量配色

https://colorhunt.co/
在这里插入图片描述
还可以添加浏览器插件到chrome，可以说是十分贴心了
在这里插入图片描述

第三个网站，brandcolors

这是一个收集了世界知名品牌配色方案的网站，在网站中可以找到例如:500px、Adidas、Adobe、BMW等大厂采用的配色。

功能类似于我们PPT中的「islide」插件，所有配色可以直接取色，直接套用。

https://brandcolors.net/
在这里插入图片描述

Colordot

Colourcode

  • 与上面提到的「Colordot」类似，也是通过简易的鼠标操作来创造配色方案，生成的色卡可以点击删除或者对某个颜色进行简单的微调。
  • 而且「Colourcode」的功能相比前者更丰富，生成的色卡还可以选择不同格式保存下来，支持的格式有：SCSS、png图片还可以复制色值。
    在这里插入图片描述

picular

  • https://picular.co/
  • 搜索栏中我们可以针对某一关键词进行相关色的查找。
    比如搜索「Forest」，就会出现与森林相关的色彩，颜色种类大致有上百种，应付日常使用绰绰有余。
    在这里插入图片描述

khroma

  • http://khroma.co/
  • AI配色，选一些你喜欢的颜色，然后就会进行自动组合，生成由你喜欢的颜色组成的配色方案
    在这里插入图片描述

colorsupplyyy

渐变色-webgradients

日本配色网站

中国色

另外，还有很多，这里直接贴网址，自己喜欢就去看看吧

8. icon图标网站

https://iconpark.oceanengine.com/official
可以选择颜色，描边颜色，端点类型等，可以有SVG、PNG这两种格式的支持
可以看看：https://github.com/bytedance/IconPark/blob/master/README.zh-CN.md 说明
在这里插入图片描述

https://www.iconshock.com/svg-icons/
没法免费下载，直接自己换颜色，然后截图使用也可以
在这里插入图片描述

https://www.iconfu.com/main#/icons/2/1/141/03b8e5-0-0
这个也是需要付费，但是这个图标可以加边框，也是可以搭配颜色
在这里插入图片描述

AntV AVA 深度解析：从入门到实战的智能可视化权威指南
mnlm2077的博客
06-18 107
AntV AVA 作为一个智能可视分析框架，其核心价值在于显著降低了数据可视化的门槛。它通过自动化和智能化的手段，将传统上需要大量专业知识和手动操作的分析过程——从数据理解、模式发现到图表选择与生成——进行了高度封装。这使得开发者和数据分析师能够更专注于数据本身的故事，而非可视化技术实现的细节。其基于知识库（CKB）的推荐机制，为图表生成的合理性和专业性提供了保障。
MATLAB中的数据可视化：从基本绘图到高级技巧
最新发布
步入烟尘的博客
10-13 978
在绘图时，可以通过设置属性来自定义图形的外观。% 创建数据% 绘制图形并设置属性figure;% 自定义颜色title('指数衰减与正弦波');xlabel('时间');ylabel('幅度');grid on;
程序员画图工具
04-13
流程图是编程人员整理思路必备的。新手也好，高手也好，无不需要。 绿色、轻便、实用、简单快捷是本软件的特点。 希望帮到编程爱好者！
程序员必备的画图工具
Hanko的专栏
12-02 2134
以下文章来源于前端充电宝 ，作者CUGGZExcalidraw、draw.io、语雀XmindCarbonProcessOn。
程序员必备画图工具大全
程序员小明1024
11-22 1100
.markdown-body { color: rgba(89, 89, 89, 1); font-size: 15px; font-family: -apple-system, system-ui, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-se...
【小沐学写作】程序员必备技能：画图工具汇总
爱看书的小沐
10-29 1万+
优秀的作图工具有许多，例如文本绘图工具 PlantUML，流程图设计工具 Draw.io，还有专业绘图工具 Sketch 和 Figma 等。
发现一个适合程序员的画图软件SketchBook，画个发动机气缸驱动线圈发电图
freewebsys的专栏
12-28 4777
1，关于SketchBookSketchBook是一个很轻量级别的画图工具。 但是比windows 的画图版好用写。 在mac 上面也有支持。 是做AutoCAD的公司出品的。 没有 photoshop 上面复杂的图层啥的。画个简单的图形都挺方便的。下载地址： https://www.sketchbook.com/thankyou2，软件使用在关于里面可以勾选掉，用户数据收集。
Python小白（python数据分析与可视化）从入门到精通
m0_74205275的博客
12-27 2979
Python小白（python数据分析与可视化）从入门到精通 一、Python数据分析环境配置二、python数据收集和准备三、Python数据分析基础四、Python可视化基础五、进阶可视化技巧六、数据可视化实战
深入探索Python可视化编程技巧与实践
《Python Data Visualization Cookbook》是一本集理论与实践为一身的书籍，尤其适合那些希望将数据分析与可视化结合应用的Python程序员和数据分析师。通过本书的学习，读者能够掌握使用matplotlib进行数据可视化的...
Python 数据可视化中的样式化技巧：从基础到高级的实践指南
步入烟尘的博客
06-23 641
自定义线条样式和颜色# 添加线条# 添加圆点# 创建散点图在本文中，我们介绍了在 Python 中进行数据可视化时常用的样式化技巧。从基础的 Matplotlib 到高级的 Plotly，Python 提供了丰富的可视化工具和库，使得我们能够创建出各种各样样式独特、富有表现力的数据可视化图表。无论您是想要简单地绘制折线图还是创建复杂的交互式可视化应用，Python 都有相应的工具和库来满足您的需求。通过合适的样式化，您可以使得您的可视化更具吸引力、更易读，并且更好地传达数据信息。
【三维绘图与可视化】视角和场景：创建动画、保存和播放视图状态
![【三维绘图与可视化】视角和场景：创建动画、保存和播放视图状态](https://manula.r.sizr.io/large/user/12518/img/spatial-controls-17_v2.png) # 1....选择合适的三维绘图和可视化工具对于提高工
画图工具 各种强大功能 我项目中用到了分享给大家
08-31
画图 画板 放大缩小图片 涂鸦 画图工具 各种强大功能 我项目中用到了分享给大家 我用到了基本的画图功能 画笔 撤销 橡皮擦都有 还能编辑文字
【免费】很小的UML画类图工具很好用
08-03
这是一个很好用的画类图的工具，对于学生来说很是好用，小而且很方便，画好类图后海可以直接转换为图片，当然，如果要转换为代码的话需要装插件，不过要是你需要转换成代码的话，不建议使用这个，用些visio之类的还行，然而作为画类图的工具，个人认为是我用到的最方便的，而且很小，也不需要安装
画java类图的工具
11-17
一个java类图的工具，简单好用，安全无毒，你值得拥有！
类图绘制软件，只有300K，小巧好用，无需安装
07-31
一个小巧的类图绘制软件，可以直接运行，不用安装，可以直接生成图片，但是不能生成代码
一款高效的程序员画图软件推荐
热门推荐
yiwenyida的博客
07-15 1万+
一款高效的程序员画图软件推荐 流程图、时序图，在理解系统、代码都很有好处，市面上的工具有omniGraph，processOn什么的。。这里，推荐一个神器。 phpstorm+plantUml
流程图、类图推荐的软件
weixin_55880059的博客
12-08 991
流程图、类图推荐的软件
程序员画图工具总结
YvesHe的专栏
10-26 1051
最近一直在设计新的功能模块，觉得画一个比较好的架构设计图对于整个需求理解非常重要。接下来向大家推荐几个程序员画图比较好用的几个工具。 1. Astah Community Astah Community是一个非常强大的免费的UML建图工具，支持最新的UML图。 地址：http://astah.net/tutorial#new-to-astah 截图例子： 2.ProcessOn 专注于为作图人员提供价值，利用互联网和社交技术颠覆了人们梳理流程的方法习惯，继而使商业用户获得比传统模式更高的..
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吨吨不打野

解决了问题，觉得还行就给点

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值