代码动画｜微信图文数据可视化设计桑基图｜欢迎定制
Posted JZCreative
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了代码动画｜微信图文数据可视化设计桑基图｜欢迎定制相关的知识，希望对你有一定的参考价值。
除了干货，其它什么也没有 |
||||
职场 |
数据 |
新媒体 |
设计 |
极客 |
新媒体高级可视化定制：021 37218818
本文为 JZ 多媒体解决方案旗下的大学生精英社团「奇点新媒体研究中心」发布，本社不定期开通成员招募机会。近期研究内容为新媒体商业可视化数据，首先从一些常见的图表说起，比如桑基图。
Sankey 图通常用于科学领域，特别是物理领域。它们被用来表示能量输入，有用的输出和浪费的输出。
以下图表案例数据来自欧盟官网。它展示了 2016 年欧盟国家燃料消耗情况，不同的颜色代表不同领域的消耗。本期的实验室研究员 SingularityKChen 通过 svg 描边属性 stroke-dashoffet 以及 stroke-dasharray ，实现其可视化动态效果。现在请你横屏，并可以点击任意区域，查看更多视觉效果。
▼以下动画由全代码实现▼
下面，是研究员根据桑基图思维进一步改造的数据图，它会更适合企业品牌展示物流、发展史等信息，或新闻/科技类公众账号展示数据。资料来源于 WTO 2016年世界贸易量[3]，我选取了中国大陆、美国、日本、中国台湾地区的出口量关系，旨在通过展现这些国家/地区的贸易量来探究中国的国际形势。
请再次横屏，依次点击中国大陆、美国、日本、中国台湾这几个区域即可查看代码动画结果。
▼以下交互由全代码实现▼
如需定制新媒体数据可视化
请致电 021 37218818
如何学习
GL 和计大神又要在广州开课了！
欢迎报名 5 月 19 日、20 日在广州由 SVG AttributeName 白名单开创者计老师和大神玩家 GL 共同亲自主讲的，第七期顶尖排版术与代码级图文创意设计课。拥有《》的学员可以立减 ¥300 学费。更多基于 SVG 的高端微信图文我们将于近期持续展示。
培训时间
5月19日、20日全天
（另含23日晚一次线上基础拉平课）
培训地点
广州 · 金润国际大厦
场地支持
培训基本内容
新媒体视觉识别系统
字体、配色、制图、版式
创意排版设计思维
动画代码技术实操
行业经典排版案例复盘
（包含苏宁、京东、滴滴等案例代码复盘）
报名费用（含发票）
￥1499
（已购用户立减 ￥300）
课程咨询
021-37218818
往期回顾
《》
《》
《》
《》
《》
《》
《》
《》
《》
关于 GL
自从 GL 参与过 JZ 在北方某地的多次公开课后，他一跃跨入新媒体圈成为 SVG AttributeName 图文交互设计大神，现在是 JZ 的新媒体创意首席讲师。近期他还和 JZ 共同设计了《》，也在著名的第三方排版编辑器 iPaiban 开发了大量共享样式。
如果你的企业有定制需求，可以先查看，或致电：(021)37218818
-END-
定制咨询：021 37218818
其他你会感兴趣的内容
回复 排版阅读互联网文案排版教程
回复 代码了解更多代码型创意设计
回复 配图学习图片素材的搭配方法
回复 H 5开启移动营销技术学习课
回复 大 V看大号背后不为人知故事
H5、平面、视频等数字营销服务请致电
TEL：（021）3721 8818
客户案例：APEC 峰会 | 中国航天科技集团 | 香奈儿 | 肯德基（湖南） | 中国国际航空 | 湖北省电视台 | 河南卫视 | 浙江省人民广播电台 | 三生制药 | 交通银行 | 建设银行 | 真格基金 | 南方周末 | 上海闵行教育学院 | 牛津大学出版社 | 新东方集团 | 伟巴斯特 | 雪佛兰汽车 | 观致汽车 | 雷诺汽车 | TNS 新华信 | 高力国际｜第一太平戴维斯｜德国莱茵｜盖茨基金会｜追星集团
抱歉，除了干货，其他什么也没有。
以上是关于代码动画｜微信图文数据可视化设计桑基图｜欢迎定制的主要内容，如果未能解决你的问题，请参考以下文章