我们做PPT，尤其是工作汇报，年终总结类PPT，少不了要与数据打交道，因此也就少不了可视化图表。
可是做图表简单，做一份精美的图表难！
所以，今天我就跟大家推荐3款一键生成精美图表网站！帮大家解决这个难题！
1.镝数这是一款功能强大的免费在线数据可视化工具,输入数据即可一键生成可视化图表。
同时这也是一个付费网站，但是新用户会有七天免费会员。
它最吸引我的是，它拥有80份精美的图表模板，供我们挑选。
涉及饼图、线形图、柱状图等我们常见的图表，还有树图、桑基图、漏斗图、热力图、子弹图等其它各种类型的图表。
而且不止有静态的，还有动态的。
如果，你不知道有些图表怎么使用，他里面还有相应的使用场景，来告诉你它能不能用于比较、层级、占比、流向、分布哦~
使用方法也很简单，选择一个模板，直接套用就可。而且里面还有多个主题颜色可以挑选。
而且最后有6种保存格式，完全适应不同情况！
2.百度图说这是一款完全免费的网站。
拥有8种图表类型，22个图表模板，虽然没有镝数的多，但是应该也够用了。
这个操作方法也很简单，只需要选择一个自己想用的模板，把数据输入进去就可以了（也支持导入表格)！还支持添加辅助线。
但最后只能保存为png图片格式哦~
3.文图这是一个「模板式」的在线可视化工具。你可以用它快速制作出专业级可视化数据报告。
它的模板数量不多，但每一个报告模板都有自己的主题。整体风格统一，简洁美观。
图表丰富。里面含有16种图表类型，32个图表，除了常见的折线图、柱形图，还有显示效果非常赞的「文字云」类型：
最让我欣喜的是里面还有9种地图类型，有世界地图，中国地图，还有省市地图哦~，我感觉挺适合地图老师。
使用方法也很简单，选择一个图表类型填入数据即可！
所有的图表制作完成后都是动态效果的，可视化效果非常赞。
这几个网站整体逼格都还挺高，非常适合用来做工作型的数据分析和汇报。
好了，以上就是今天的主要内容了！
你们还都用过哪些好使的一键生成在线图表神器呢？可以在下方留言哦~
最后，我将以上所有网站链接整理好了，还附带了其它一些一键生成图表神器，不仅限于网站哦~
领取方式看下图!
欢迎来我的频道，麻烦您点击一下 “关注”，您的支持是我最大的动力！
Dreamweaver曾经是一个非常流行的网页设计和开发工具，它支持ASP（Active Server Pages）和PHP（Hypertext Preprocessor）这两种服务器端脚本语言。开发者可以使用Dreamweaver来创建、编辑包含ASP或PHP代码的动态网页，并通过在本地或远程服务器上配置相应的运行环境来预览和测试这些动态网页。
虽然现代Web开发趋势倾向于轻量级编辑器和框架组合，但对于那些寻求同时具备视觉设计和代码编写能力的单一集成解决方案的开发者来说，Dreamweaver仍不失为一个实用的选择。比如你想做一个成绩管理系统，或者是简单的企业网站，也或者是投票系统，都是非常容易实现，且花费时间相对很少的。
Dreamweaver可视化编程设计ASP或PHP动态网站，通过拖拽、点击等简单操作来搭建网站界面，自动生成所需的动态代码（如插入、修改、删除记录、会员登录等），减少了对代码的依赖和编程难度，让初学者也能比较容易地掌握动态网站的制作方法。下图是Dreamweaver的服务器行为面板，点击鼠标即可实现相应的功能，无需要手工编写代码，执行操作后，Dreamweaver会自动的生成动态部分的代码。正因为此，Dreamweaver设计动态网站的难度大大降低。
Dreamweaver服务器行为
作者根据自己的网站开发经验，撰写了本系列文章，以使用Dreamweaver设计一个企业网站为例，由浅入深，希望能给喜欢设计动态网站朋友带来一点点帮助。网站动态部分使用ASP/MSSQL，PHP/MYSQL;网站前端使用Bootstrap布局，能自适应手机和PC端的显示。
本系列文章共分为六部分，具体内容为：
搭建ASP/PHP动态网站运行环境：安装IIS/PHP，测试IIS/PHP安装是否成功。安装MSSQL/MYSQL数据库（安装HeidiSQL管理MYSQL数据库）。后台登录页面：建立后台登录管理员表，使用服务器行为建立后台登录页面、后台登录成功显示页面和后台登录失败显示页面，在后台页面显示登录用户名及其它信息，管理员真实姓名和联系信息等；使用服务器行为设置限制在未登录前无权访问后台页面。设计修改管理员信息页面。设计后台产品管理页面：建立产品一级栏目表、二级栏目表和产品表，设计添加、修改和删除栏目页面，设计添加产品页面。添加产品页面使用编辑器上传产品详细内容，使用PHP文件上传功能上传产品图片。设计前台产品显示页面：设计前台显示产品一级栏目、二级栏目和产品页面，使用命令更新产品浏览量。设计前台首页：设计栏目导航页面，导航条内容为产品展示、关于我们、联系我们、在线留言；设计前台首页，调用产品显示，调用产品图片作轮播图显示。设计关于我们、联系我们页面：建立数据库表，可后台修改内容，设计前、后台关于我们、联系我们页面。会员系统：建立会员表，设计会员注册页面、注册验证码的使用、注册信息有效性验证和获取注册的IP地址；设计会员登录页面、登录验证码的使用，登录后显示会员的详细资料。设计修改会员资料页面。发布网站：购买域名、虚拟主机，域名备案，绑定域名，虚拟主机管理。备份网站：备份文件、备份数据库。在熟练掌握了上面的内容后，可以逐步拓展学习一些高级功能，逐步达到能根据自己的想法的开发网站的程度。有哪些高级功能呢，如：
高级功能1
服务器管理，安装SSL证书。搭建FTP服务器。搭建邮件服务器、注册时验证邮箱，通过邮箱找回密码。使用短信平台，注册时验证手机号，通过手机找回密码。防止同一账号同时登录网站。
高级功能2
管理员权限分级，指定栏目管理权限。统计图、数据统计与汇总。上传产品图片生成产品缩略图和水印。删除产品删除上传的图片。产品三级、四级栏目功能， 产品评论、评论回复功能。
有了经验的积累，逐步就可以学习Node.js前后端分离开发、微信小程序设计、购物车、微信/支付宝支付等等。
今天的文章就写到这里，敬请期待下一篇文章“搭建ASP/PHP动态网站运行环境”，欢迎您关注作者，谢谢。
在G端项目中，如何做好前端数据大屏的设计，是一个值得我们思考的问题。作者结合自己的实际项目经验，与大家共同探讨G端可视化大屏的思路，希望对你有所帮助。
最近在负责一个G端项目，这个项目不同于我之前做的矿山、水利行业监测平台，以往的行业因发展了多年，有政策指引、行业标准，也有竞品可参考分析，需求相对明确。
而这个项目，没有明确的标准，更多的是需要我们引导和挖掘用户的需求，怎么将这个故事给讲好。
项目分为前端数据大屏和后台数据管理，最难的就是前端数据大屏的设计，在被总监批评多次之后，我总结到了大屏设计的思路，分享给大家！
一、大屏可视化价值让业务决策有据可依是数据可视化大屏的核心价值，主要体现在两个方面：
①利用数据指标进行持续监测和预警，有异常值的时候能够及时发出警报，保证业务的正常进行，比如下面的水文监测大屏：
②根据合适的数据模型，发现并分析业务问题以及发展趋势，及时做出解决措施。不同的业务层级需要的可视化大屏是不一样的，比如适合管理层的核心管理驾驶舱，适合销售人员的销售进度数据大屏。
二、大屏设计常见问题①数据太多；大而全，让看的人无法一下子找到重点，看的累自然没人看，也就失去看板的价值。
②数据太少且分散；无法在一张大屏看板里，找到需要被结合着一起看的几个数据指标/维度，无法组织起来思考，给人的价值密度就很低，失去看板突出数据重点的价值。
③数据表达方式有问题（没有选择合适的图表，或是数据口径不统一，让人看的云里雾里，没有逻辑性）。
三、大屏设计的思路大屏的设计思路，其实要明白客户的本质需求，是为了宣传介绍还是为了实际使用方便，这个很重要，因为这个影响到最终想要呈现的维度和UI设计的风格。
我负责的这个项目主要是为了宣传介绍，是为了响应国家的政策，对所管辖区域进行信息化的改革。
客户其实不能给我们提供太多的需求，需要我们自己去了解这个行业，去挖掘需求，思考我们能提供给客户那些有用的价值，这个是和我们正常做产品的思维逻辑是不一样的。
因此就像我开头说那样，在需求不明确的时候，产品经理需要引导和深入挖掘项目的需求，怎么给客户，客户又怎么给上级领导讲一个好故事才是最重要的。
所以在设计大屏时，多以客户的角度思考问题，想象客户在给上级领导讲解这个大屏时，该以什么角度，什么思路去讲，才能让其了解我们所做的这些亮点和成绩。
通过这次设计和总监的指导，我总结了以下三步：
1. 梳理业务需求与使用场景大屏设计要避免为了展示而展示，排版布局、图表选用等应服务于业务，所以大屏设计是在充分了解业务需求的基础上进行的。
那什么是业务需求呢？业务需求就是要解决的问题或达成的目标。
我负责的这个项目，拿设备管理平台举个例子，主要是为了统一接入并管理所有的硬件设备，并在大屏中进行可视化的展示。
2. 根据业务场景抽取关键指标可视化大屏一般由中心GIS地图或三维模型和两侧的信息统计组成。
中心GIS地图，一般展示一个地球、中国地图或对应省份的地图，地图中展示一些点位要素的分布或相关重点区域的分布。
除了这个就是两侧统计的信息，可以用脑图将跟这个大屏主题有关的信息全部进行罗列，要从不同角度，全面的思考。
地图的两侧可以展示统计信息，最多可分为6块内容，但不一定都需要展示6块，具体要根据场景和相关统计信息多少来决定。
拿设备管理大屏举个例子，我们先罗列出有关设备的所有可统计展示的维度：
根据用户的需求来筛选展示的维度，确定关键指标，上面也说了，这个大屏重在宣传介绍，而非实际使用，并且展示的维度要让用户好理解，并且让自己的讲解汇报更加的容易通顺。
因此从以上15个维度，按照这样的思维，我们很容易的可以排除3、6、7、9、10、11、14、15，为什么呢？
3；这个统计维度太技术，自己不好讲客户也不好理解。6、7、9、10、11；这些维度太细了，而且这些维度是设备运维的人关心的，而非客户所关心的。14、15；如果是公司内部使用的物联网平台，可以放这两个展示维度，将使用频率较高的功能模块放出来，方便他们快速进入和使用，但这个平台重在宣传。然后按照维度从大到小的顺序，有时也可以按照总分的形式排列和讲解，就是一个模块是总的统计，其余的模块都是这个模块的细分统计，数字对应模块一次排列即可，会发现这样给用户讲解也会非常通顺。
大概可以这样给客户讲：
设备管理平台，主要是为了方便管理XX地区所有的设备，让我们设备管理更加信息化、智能化。
首先我们制定相关设备接入协议，只要满足协议，就可以很快捷的接入第三方设备。
设备接入后，通过后台的智能分析，可以分析出项目上设备数据运行的情况，运行异常的设备，会通过短信、钉钉、平台推送的方式推送至相应运维人员，并通过工单的管理，方便查看和管理设备运维的流程。
相关运维人员获得信息后，不会像以前一样，直接去到现场进行问题的排查，而且通过智能诊断，诊断出设备具体是因为电量、传感器故障、通讯等问题引起的，可以针对性的做出处理，并且现在运维人员可以进行远程的指令发送和固件升级，可极大的提高了设备运维的效率，保证平台数据的平稳运行。
3. 用合适的可视化图形表达当确定好分析维度后，事实上我们所能选用的图表类型也就基本确定了。接下来我们只需要从少数几个图表里筛选出最能体现我们设计意图的那个就好了。选定图表注意事项：易理解、可实现。
①易理解：可视化设计要考虑大屏最终用户，可视化结果应该是一看就懂，不需要思考和过度理解，因而选定图表时要理性，避免为了视觉上的效果而选择一些对用户不太友好的图形。
②可实现：我们需要了解现有数据的信息、规模、特征、联系等，然后评估数据是否能够支撑相应的可视化表现。
四、推荐一些常用网站①数字像素
之前名称为 ToB design，后改名为数字像素，不只是大屏，还有一些B端的后台管理系统，还提供一些素材的下载，也可以在这个平台学习一些三维可视化的课程。
地址：#/home
②Echarts
提供丰富的图表展示，前端可以直接引用代码开发。
地址：
③AntV
和echarts类似，提供丰富的图表展示，前端可以直接引用代码开发。
地址：#area-basic
④图扑数
百个2D、3D的可视化案例，供学习和设计参考。
地址：
⑤useAnImations
地址：
网站提供很多动态图标样式可以参考，并可免费下载。
⑥Loading
地址：
该网站提供各种各样的loading动画，供设计者选择。
⑦RayData
地址：
提供丰富的模板，自己可以免费搭建大屏展示。
⑧阿里图标库
地址：
网站支持免费下载SVG、AI、PNG类型的图标，产品和UI常用的网站之一。
本文由@晨阳产品笔记 原创发布于人人都是产品经理，未经作者许可，禁止转载。
题图来自Unsplash，基于CC0协议。
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。