哪些炫酷的数据可视化图表是怎么实现的?

哪些炫酷的数据可视化图表是怎么实现的?

最近在给公司设计一个类似上图所展示的数据可视化产品,这个产品的主要目的是把当前产品中的一些数据及其分析结果通过可视化的方式展示出来,像阿里,京东内部都有这样的大屏幕产品,做了一些调研,趁此机会在这里给大家分享一些经验,方便大家进行类似产品的设计;

这种产品看起来很酷炫,其实逻辑本身并不复杂,主要就是按照一定规则对数据进行计算并展示,在这个过程中,遇到最大的问题是数据以什么形式进行可视化展示,可能会有人问了,这些柱状图,饼状图,环状图,地图等等不是很常见吗,我们在平时使用产品的时候也会经常看到,比如支付宝每年的账单,就会用图文并茂的方式告诉我们,过去一年自己是怎么败家的;


其实看起来常见是一回事,技术实现是另一回事,而这种产品,不同于普通页面的设计,设计中最大的不确定性就在于要考虑技术想怎么实现,而不是自己想怎么设计,毕竟产品的搭建是一个工程,而不是艺术,产品经理不能像艺术家一样去发挥想象去设计,怎么炫酷怎么来;

对于数据可视化展示的方案,我了解了一下,目前市场上能解决的方案非常多,国内国外,收费免费的都有,但是免费又功能强大,稳定且能保持持续迭代的产品不多,这里给大家推荐两款国产的工具,保证能解决90%以上的数据可视化展示需求:、


1.ECharts

这是脱胎于百度一个数据可视化解决方案,包括折线图,饼状图,柱状图,热力图等36类上百种可视化样式,部分示例如下,访问地址: echartsjs.com


2.AntV

这是蚂蚁金服推出的一个数据可视化解决方案,包含G2,G6,F2,L7四个方向


G2主要是针对pc网页的数据化可视化方案,类别和数量上虽然没有ECharts多,但是也差不太多,而且有一些自己的特色图表,访问地址: antv.alipay.com/zh-cn/g


F2主要是针对移动端的数据可视化方案,功能跟G2差不多,图表的样式针对移动端的产品特性做了专门的适配设计,访问地址: antv.alipay.com/zh-cn/f


G6是针对可视化编辑工具的解决方案,比如你要开发一个思维导图工具,里面涉及到线条的展示就可以用这种方案,访问地址:
antv.alipay.com/zh-cn/g


L7是针对地理空间数据可视化的解决方案,比如共享单车想看某个城市或全国的骑行动态,就可以通过这种方案来展示,访问地址: antv.alipay.com/zh-cn/l

这两款产品都是国内大公司的作品,除了丰富的图表样式,很多内容都可以自定义修改,比如改变配色,气泡的样式等等,开源而且免费,可以放心使用;

作为产品经理,我们在使用这些图表的时候,主要用途是进行前期的技术可行性调研和产品展示样式的设计参考,使用的时候首先基于业务目标,想象一下自己的图表要设计成什么样式,然后来这两个网站,看一下官方的图表示例,看看这些示例的样式能否满足自己的设计,如果不能的话,看看这些示例中有哪些图可以代替自己的设计方案,调研完成并设计好方案,最后把一切交给技术就可以了。

有什么产品问题欢迎来找我交流讨论~更多原创产品干货,欢迎关注我的微信公众号:大白产品随笔(ID:dabaixuetang),原创发布于知乎。未经许可,禁止转载。

玻璃钢生产厂家宿州玻璃钢树池厂家宜昌玻璃钢浮雕制造湖北玻璃钢机械外壳加工黑河玻璃钢景观雕塑加工运城玻璃钢摆件价格黄山玻璃钢景观雕塑厂黄石玻璃钢垃圾桶加工中卫玻璃钢浮雕批发崇左玻璃钢树池坐凳厂家直销常州玻璃钢花钵加工白山玻璃钢花坛荆门玻璃钢餐桌椅加工玉溪玻璃钢雕塑定做黄石玻璃钢卡通雕塑厂临沧玻璃钢种植池价格菏泽玻璃钢制品批发贵阳玻璃钢外壳批发咸宁玻璃钢种植池厂榆林玻璃钢前台加工邯郸玻璃钢花池宿州玻璃钢制作肇庆玻璃钢坐凳制造朝阳不锈钢家具公司沧州不锈钢家具制作武汉玻璃钢餐桌椅厂汉中玻璃钢人物雕塑多少钱贵港玻璃钢动物雕塑厂家直销鄂州玻璃钢种植池多少钱遵义玻璃钢花瓶多少钱宜春玻璃钢卡通雕塑定制香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化