教程分享流动漂亮的桑基图有什么简单快速的制作方法?邹磊ZouL

桑基图是一种表现数据间包含和权重关系流向的统计图表!

最早的桑基图是查尔斯·米纳德(CharlesMinard)绘制的《1812年拿破仑东征图》。这张图形象的描绘了拿破仑在1812到1813年进攻俄国时所遭受的灾难性损失。

图中黄色为进军路线,黑色为撤退路线,线条的宽度代表拿破仑的军队人数变化,从图中可以清楚的看到,在深入寒冷的俄国腹地时,拿破仑军队的人数在逐渐的减少,到黑色线条撤退返回时,线条细的都快看不见了(活着返回法国的只有1万余人)。

这张图呢,就是大家现在看到的桑基图的祖师爷。

常见的桑基图布局形式有左右流向布局和上下流向布局。

桑基图的布局形式

其中线条的粗细代表了数值的大小,线条的颜色代表不同的分支种类,通过线条流动的位置和归属,来表现各类别数据之间的包含关系。

其实方法非常的简单,借助一个网站我们就可以快速的生成,我推荐的这个网站就是RAWgraphs,在日常工作中我经常会用到的网站,在这里强烈推荐给大家。

RAWGraphs简单叫做RAW,它是一个在线快速生成可视化图表的网站,对于不懂代码的小白来说,它的操作真的是非常友好。

有多简单呢?你只需要把数据拖上去,2-3分钟内就能生成各种各样的可视化图表。而且啊,它还支持导出SVG格式的图片,这样大家就可以在AdobeIllustrator中进行美化加工。

那么我们应该进行操作呢!

首先,我们需要准备一份适合用桑基图来表达和展示的数据。

这个数据中要至少包含一列数值,至少包含两列分类标签,也就是说一个数字同时归属于至少两个分类阵营。比如说下面这个样例数据里,有一个数据是2008年1月旅游开支1000元,这个1000元就同时对应2008年1月和旅游开支这两个分类。我们使用桑基图呢,就可以同时看到各个分类之间的包含和权重关系。

数据的格式最好就是使用规范格式,也就是你们在做数据透视表时要用到的样式,我自己会叫它堆叠样式,第一行是各列的字段名,接下来每一行数据就是一条完整记录。(堆叠样式在使用工具网站时会经常用到,建议大家在日常整理数据时都使用堆叠样式)。

第一步,我们打开RAW网站,点击绿色按钮USEITNOW!,然后将数据复制粘贴到这个网站中。出现绿色提示信息后,就代表数据加载成功了。

如果你的数据并没有在Excel中进行堆叠,那么RAW有一个贴心的功能,可点击右下角的Dataisstackednow.Clickheretostackit进行数据格式的规范化转换。

第二步,我们鼠标往下滑动,会发现有很多图表样式,这里选中AlluvialDiagram(桑基图也成为冲击图)。

往下滑动,会出现MapyourDimensions的操作界面。与此同时,数据的标题/字段名行已经变成了绿色块,出现在了画面左侧(可以看到RAW非常的智能,它将数据进行了模块化封装处理)。

第三步,我们将左侧数据块中的医院名称和所在城市拖放在【Steps】中,将综合得分拖拽到【Size】中。

【Steps】影响的是分类的连接,每拖一个数据块到【Steps】中,就多一个分类的连接。【Size】影响的是线条的粗细,也就是数值的大小,所以我们将综合得分拖拽到了这里。

拖拽完成后,我们会发现桑基图已经生成了。

这里我们可通过左侧的选项对图表进行细节的调整(比如图表的大小、节点黑色矩形的大小、线条透明度、配色、排序方式);

第四步,因为RAW的细节调整还不够完善(比如自定义字体、字体大小等等),剩下的细节调整我们可以导出SVG,在AI中加工。

鼠标往下滑,选择SVG,随便命名一个名字,点击Download。

第一步,将导出后的SVG用AI打开,拖拽到新建的画板中,通过不停的按快捷键【Shift+Ctrl/Command+G】取消编组。编组取消后,我们按着所在城市的类别对线条进行配色的调整。

第二步,我们选择任意一个文字,执行菜单栏→【选择】→【相同】→【外观】,这样我们将所有的文字全部选中,就可以统一调整字体和文字大小了。

文字调整后,我们发现整体文字有点偏下,可将文字全部选中,按快捷键【Shift】加鼠标,对文字进行微调,直到视觉上对齐为止。

第三步,文字对齐后,可在上方加上分类的说明信息,告诉读者左边和右边两个类别分别代表什么。

1.控制分类的数量

桑基图的分类尽量保持2-3个以内,如果分类众多,读者的理解成本就会加大。

2.按需标注数值

如果想更清楚更直接地让读者知道线条粗细的数值,可将数字放在节点的旁边。

3.增加参考线指引

如果分类说明文字与图表较远,可通过虚线连接的指引方式,引导读者。

4.信息置于节点矩形内

如果你做的是竖向桑基图,那么可将节点的矩形放大,这样可将文字或者数字信息放置在节点上,这样就增加了图表的美观度。

5、增加一些装饰细节

可增加一些装饰性的元素,比如主题Icon,让画面更加丰富。

通过上面的桑基图教程,相信你可以很快速的掌握制作的技巧,如果遇到问题,可以留意咨询!

RAW这个网站不仅可以做桑基图,网站中的图表样式还有很多,我在日常工作中也基于这个网站做了很多的创新可视化图表,比如下图:

还是我一直提到的方法论理念:

不要局限于工具、软件本身,任何的工具、软件都是为你的作品服务的!

只要是能够提升效率,完成作品,我们就可以在多种工具、软件、网站中进行跨界的结合使用。

THE END
1.认定这款ai文字生成图片软件,高效设计更轻松!随着人工智能技术的不断进步,AI文字生成图片软件已成为当今设计与创意领域的新宠。这类软件能够根据用户提供的文字描述,智能生成符合要求的图片,极大地拓展了设计的可能性,并简化了图像创作的流程。万彩商图在众多同类软件中凭借其卓越的功能和便捷的操作,成为了一款值得推荐的AI文字生成图片软件。 https://www.yunzhan365.com/blog/10172.html
2.文字生成图片文字生成图片的api操作步骤:打开软件,在文本框中输入想要的画面描述,选择较相似的图片模型,点击生成图片即可。文字快速生成图片的方法。 node文字生成图片的示例代码 12-23 本示例代码提供了一种方法,通过将文字转换为SVG(可缩放矢量图形),然后再将SVG转换为PNG,最后将这些PNG图片合并到原始背景图片上,从而实现文字生成图片的功能。https://blog.csdn.net/hhhhhhhhhhwwwwwwwwww/article/details/127088376
3.“再生”达利+机器人瓦力,文字生成图片的AI升级版来了!生成的图片是1024 x 1024像素,比原始模型提供的256 x 256像素有了飞跃DALL-E的名称来自于艺术家萨尔瓦多·达利(Salvador Dalí)和《机器人总动员》的主角WALL-E,第一版于2021年1月首次亮相。DALL-E奠基在具备1750亿个参数的GPT-3模型上,但它仅使用120亿个参数,利用一个文字与图像配对的资料集,以文字叙述https://baijiahao.baidu.com/s?id=1729456926925876421&wfr=spider&for=pc
4.输入文字生产图片软件有哪些零代码企业数字化知识站输入文字生产图片的软件种类繁多,每款工具都有其独特的优势和适用场景。用户可以根据自己的需求选择合适的工具,充分利用这些工具提供的资源和功能,快速生成高质量的图像。无论是用于社交媒体、信息图表、广告横幅还是团队协作,这些工具都能帮助用户高效地完成设计任务。通过不断学习和实践,用户可以提升自己的设计水平,创造https://www.jiandaoyun.com/blog/article/369566/
5.AI指导你实现出色的UI界面设计通过简单、清晰的语言描述就能够用几十秒自动生成一组可编辑的UI界面,AIGC对于UI设计师而言已经逐步发展成了帮助我们高效地进行设计的“好帮手”。 之前AIGC所生成的内容,更多的集中在文字、图片、视频、音频等领域,而现在AI已经“进化”到能够快速生成UI设计稿了,这是AI和具体职业结合地更加垂直的应用。 https://www.hxsd.com/information/3295/
6.20+最适合设计师的AI艺术创作/图片生成器为设计师提供的20+顶级AI艺术生成器或者AI图片生成工具,它们正在彻底改变我们创造数字艺术的方式–轻松释放你的创造力。 你在寻找最好的AI艺术生成器吗?作为一名平面设计师,你可以利用AI技术的最新进展,快速、轻松地创造出令人惊叹的数字艺术。 我们正在进入人工智能时代,所以如果你是一个创意者–你可以变得10倍的生产https://www.wbolt.com/ai-art-generators.html
7.PicCopilot据报道,在海外市场的投放测试中,使用Pic Copilot 生成的商品卖点图的点击率平均提升了 7% 以上。 适合跨境电商设计、中小外贸商家以及外贸SOHO等用户使用,可以帮助他们节省预算、提升效率,并快速专业地进行图片处理。https://www.colostar.cn/links/13428.html
8.10个pptai生成免费工具网站,在线快速智能生成精美ppt,打工人提效10个ppt ai生成免费工具网站,在线快速智能生成精美ppt,打工人提效必备 前言 本文非猪ai导航和大家分享10个可以免费ppt ai生成工具,只需要输入你的需求即可!一起来看看吧!以下是10款自动制作PPT的AI 神器,基本只https://feizhuke.com/ppt-ai-shengcheng.html
9.Logo设计软件一键生成Logo图标和字体标志 OrangeBay Information Technology Co., Ltd. Entwickelt für iPad Nr. 136 in 摄影与录像 4,8 ? 33.962 Bewertungen Gratis In-App-K?ufe m?glich Screenshots iPad iPhone Beschreibung Logo Maker 可以帮助您轻松制作专业的英文logo. https://apps.apple.com/cn/app/logo-erstellen/id1317684294?l=de
10.一键AI艺术字创作大设AI工作流大设网官网大设基于人工智能自动生成技术,快速准确地实现一键AI艺术字创作,在设计初期就获得真实的效果预览,从而提高设计的可视化体验。https://www.bigbigai.com/dt-workflow/yszcz
11.淘宝AI图片生成工具大介绍癞蛤蟆工具箱让你的图片制作更加高效淘宝I图片生成工具是一款非常实用的工具,可以帮助你快速生成高质量的图片。该工具基于人工智能技术,能够自动识别图片内容,提供多种模板和设计元素,从而帮助用户轻松制作出符合自己需求https://new.91laihama.com/taobaozx/112258.html
12.AI图片生成工具合集文字生成图片AI工具有哪些除了头部的Midjourney、Stable Diffusion以及OpenAI的DALL-E 2外,还有很多优秀的图像生成工具,有的针对细分行业做了定向的训练和优化,有的针对细分的使用场景,如海报设计、LOGO设计、图标设计等等https://www.aieva.cn/site/31
13.python使用PIL给图片添加文字生成海报示例python这篇文章主要介绍了python使用PIL给图片添加文字生成海报示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 前言 曾经,我也算半个所谓的文学青年。大学前两年大部分时间泡在图书馆看各种文学类的书。 那时的我,对于未来有很多遐想:写小说、写时评、写诗歌 总而言之,就是成为一https://www.jb51.net/article/145841.htm
14.图片编辑在线图片编辑器制作图片做图多种字体可商用,支持在线图片编辑改字,快速做图 插画可商用 原创、优质插画图片设计素材,在线制作图片,一键下载 人物可商用 海量人物素材可商用,自由更换素材,完成在线图片制作 摄影可商用 各类摄影类图片可商用,随意组合,超简单在线作图 更多图片处理工具 https://kt.fkw.com/
15.使用指南天翼云电脑(政企版)AI应用中心3.AI会议助手将自动转录会议内容,并可一键生成会议总结。 图片设计示例 对AI输入文字即可生成智能图片。 【操作步骤】 1.进入天翼云电脑,打开“AI应用中心”; 2.在AI应用中心的菜单选择“应用”-“图片处理”-“海报设计”; 3.在AI对话窗口,可以根据需求发送关键词内容,如“中秋节”; https://www.ctyun.cn/document/10027004/10581647
16.数字logo设计图片数字logo设计生成器文/鬲波飞 阿拉伯数字,即0到9这十个数字以及其相互间的各种组合。作为一种特殊的文字符号,数字以其简洁个性的造型、最具大众化的识别性,已成为标志设计中不可或缺的一个重要元素。 例如:标志设计中555、999、263、1573、360等。数字化的标志设计是将多元化的信息高度概括和凝练化的过程。 https://www.niurensheji.com/article/news/623.html
17.字体导航免费字体商用图片设计师实用百宝箱字体传奇设计导航提供,免费可商用字体,商用图片网站,中英文字体,书法字体,字库字体,字体大全,PSD矢量素材,LOGO生成,等海量设计师学习导航,字体教程,LOGO教程,国外设计教程,https://hao.ziticq.com/
18.CVPR2022北大腾讯提出文字logo生成模型,脑洞大开堪比设计师二、模型设计 2.1 流程框图 本模型的流程框图如下图所示: 图3 本文模型流程框图 本模型基于 Conditional GAN 来生成文字 logo,创新性地使用双判别器结构(序列判别器和图像判别器),对字形的轨迹序列和整体 logo 图像分别做判别;同时借助可微分拼接(Differentiable Composition),构建位置坐标到 logo 图像的可微分渲染过https://www.thepaper.cn/newsDetail_forward_17971513
19.图怪兽作图神器在线海报编辑器PS图片制作图怪兽作图神器,是一个在线ps图片编辑器,它相当于ps精简版软件,可提供微信编辑器功能,在线ps照片处理,拼图,图片制作,在线设计,平面设计,海报设计,在线图片处理等功能。图怪兽作图不求人处理简单易用,这款在线图片编辑软件让设计海报模板图片更轻松,帮助企业视觉营销投入成本http://www.pikhive.com/
20.创客贴平面设计作图神器免费设计模板创客贴,极简好用的平面设计作图软件,在线图片编辑器,免费使用.提供免费设计模板,有海报、名片、公众号图片、PPT、邀请函等65个场景模板,一键搞定设计印刷https://www.chuangkit.com/
21.免费在线AI照片编辑器图像生成器和设计工具使用Pixlr 的在线照片编辑和设计工具发挥创意。包括 AI 图像生成器、批量编辑器、动画设计、增强器等。立即免费试用!https://pixlr.com/cn/
22.美图AI文生图美图AI文生图原是由美图创意平台推出的AI图像创作工具,现已集成到美图设计室中,用户只需输入文字创意描述,并选择自己喜欢的模型风格,点击立即生成即可获得由美图AI创作的一幅画作。https://ai-bot.cn/sites/2433.html
23.设计平台Canva(可画)推出文字转图片的AI功能设计平台Canva(可画)推出文字转图片的AI功能 澳大利亚设计应用Canva是最新推出文本到图像AI工具的创意平台。该公司于9月开始测试该功能,现在正向该应用的1亿多用户推广。该功能是开源文本到图像模型”稳定扩散”的实施,有一些额外的安全过滤器和自定义用户界面,以帮助引导Canva的用户获得他们想要的结果。https://www.pcfbw.com/192.html