数据可视化介绍

<p style="line-height: 1.75em;"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px; color: rgb(127, 127, 127);">南京燃点网络科技有限公司发现，随着大数据产业的蓬勃发展，很多企业都开始应用数据可视化。智慧城市、智慧交通、智慧医疗等等越来越多的行业都有了可视化的需求，可视化行业也迎来了迅速发展的成长期。</span></p><p><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;"><br/></span></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><strong style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;">数据可视化释义</span></strong></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;">数据可视化就是把一些相对复杂、抽象的、我们看不懂的数据通过“可视化”的方式，运用图形化的手段清晰有效地将数据信息进行解读和传达，帮助我们发现其中的规律和特征，挖掘数据背后的价值。</span></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><strong style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;">可视化大屏</span></strong></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;">可视化大屏是以大屏为主要展示载体的数据可视化设计。它的应用场景非广泛如 ToC、ToB、ToG 等都会存在。一般应用在会议展厅、园区管理、城市交通调度中心、公安指挥中心、企业生产监控等重要场所。</span></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;">可视化用户群体相对比较明确，主要是单位领导及一些一线人员。通过交互式实时数据监测，洞悉运营增长，助力智能高效决策。</span></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;">伴随行业的发展，行业内也对可视化进行了一些行业细分。常见的一些类别：行业可视化（如交通、医疗、金融、军警部队、农业、工厂、化工等）、智能终端系统类（定制化终端产品）、演示 demo（数据演示、展览展示、数据看板 ）、可视化分析系统（通过对数据的分析监控辅助决策，如交通预警平台、天气监控平台等）。</span></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><strong style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;">市场现状</span></strong></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;">平台化</span></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;">由于近几年可视化的需求越来越大，一般的公司都会有一些可视化的需求，各大厂商也逐渐整合可视化资源，实现平台化、低代码化。满足了大多数公司的可视化需求。</span></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;">实现方式</span></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;">目前可视化框架是大多数都是基于 Web 端的（基于 web 开发或者 web 封装）而非 PC 端。常见的可视化实现方式是二维加三维相结合，比如大屏两侧的可视化图表可以用 Echarts 这种第三方的轻量化图表控件或者 Vue 去实现。</span></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;">主视觉部分会基于 Unity3D、虚幻引擎（UE4）、Ventuz、threejs 等工具去实现。满足三维炫酷的效果需求。使整个可视化大屏效果有了质的提升。这些三维工具的优势是三维粒子效果能很好的支持，且效果非常炫酷。多平台支持，可通过 webgl 封装在浏览器里打开使用。缺点就是维护成本较高，需要相关的专业人员去开发维护，有一定的使用门槛。一般公司如果不是专门做可视化相关业务不会配备相关专业人员。</span></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><strong style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;">可视化设计师应了解的知识</span></strong></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><br/></p><p style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: lighter; word-break: normal; overflow-wrap: break-word; padding: 0px; margin-top: 0px; margin-bottom: 0px; outline: none; font-family: 微软雅黑; font-size: 0.18rem; line-height: 1.8; color: rgb(74, 74, 74); text-align: justify; white-space: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: arial, helvetica, sans-serif; font-size: 18px;">可视化设计是相对新兴的行业，就目前市场来看也是当今比较火的行业。作为一名设计师，不仅仅是只做完效果图就能行的，他是一个结合硬件设备、UI 设计、三维建模、三维渲染、动态设计、数据可视化、图形技术、GIS 数据、渲染引擎、交互技术等等综合类的交叉学科。</span></p><p><br/></p>