BI系统中的数据可视化实践
如果无法正常显示,请先停止浏览器的去广告插件。
        
                1. BI产品中的可视化原理
及应用实践
刘阳
字节跳动 DataWind可视化负责人            
                        
                2.             
                        
                3. • BI的概念与背景
• BI系统开发中常遇到的问题
• 基于可视化图形语法的实践
• 数据可视化的技术演进
• 总结            
                        
                4. BI(Business Intelligence)
有效分析 业务价值
未被利用 资源浪费
企业中的大数据
成本上升
BI的概念与背景            
                        
                5. 有效分析 业务价值
未被利用 资源浪费
企业中的大数据
成本上升
有超过80%的企业其数据以非结构化为主,超过90%的企业内部存在数据孤岛,约80%的企业
不认可自身数据挖掘能力,同时仅有不到40%的企业采购第三方数据,多数企业没有对外寻求
优质、合规的第三方数据供应商的意识。
BI的概念与背景
《2019中国企业数字化转型及数据应用调研报告》            
                        
                6. 传统型BI vs 敏捷型BI
• 部署成本
• 报表灵活性
• 大数据分析能力
• 数据响应速度
BI的概念与背景            
                        
                7. 敏捷型BI系统中的可视化流程
连接数据源
数据编排
发布仪表盘
BI的概念与背景            
                        
                8.             
                        
                9. • BI的概念与背景
• BI系统开发中常遇到的问题
• 基于可视化图形语法的实践
• 数据可视化的技术演进
• 总结            
                        
                10. BI系统开发中常遇到的问题
• 产研团队间的协作沟通 • 可视化呈现效果 • 可视化的回归测试
• 可视化需求无法穷举 • 千奇百怪的数据和用法 • 大数据量的性能
BI系统开发中常遇到的问题            
                        
                11. • 产研团队间的协作沟通 • 可视化呈现效果 • 可视化的回归测试
• 可视化需求无法穷举 • 千奇百怪的数据和用法 • 大数据量的性能
专业性
BI系统开发中常遇到的问题            
                        
                12. • 产研团队间的协作沟通 • 可视化呈现效果 • 可视化的回归测试
• 可视化需求无法穷举 • 千奇百怪的数据和用法 • 大数据量的性能
数据与可视化的分离
开脑洞的用法
BI系统开发中常遇到的问题            
                        
                13. • 产研团队间的协作沟通 • 可视化呈现效果 • 可视化的回归测试
• 可视化需求无法穷举 • 千奇百怪的数据和用法 • 大数据量的性能
数据与可视化的分离
开脑洞的用法
BI系统开发中常遇到的问题            
                        
                14. • 产研团队间的协作沟通 • 可视化呈现效果 • 可视化的回归测试
• 可视化需求无法穷举 • 千奇百怪的数据和用法 • 大数据量的性能
数据与可视化的分离
开脑洞的用法
BI系统开发中常遇到的问题            
                        
                15. • 产研团队间的协作沟通 • 可视化呈现效果 • 可视化的回归测试
• 可视化需求无法穷举 • 千奇百怪的数据和用法 • 大数据量的性能
图形测试
功能的排列组合
海量数据需要秒级响应
BI系统开发中常遇到的问题            
                        
                16. • BI的概念与背景
• BI系统开发中常遇到的问题
• 基于可视化图形语法的实践
• 数据可视化的技术演进
• 总结            
                        
                17. 可视化图形语法
《The Grammar of Graphics》
• 图表元素自由组合
• 图表元素高度自治
• 元素属性数据驱动
基于可视化图形语法的实践            
                        
                18. BI中实践图形语法
一切行为都是对数据字段的处理
BI中的功能
抽象为字段行为
影响查询取数
图表展示
基于可视化图形语法的实践            
                        
                19. BI中实践图形语法
举例:上卷下钻
图表触发事件
事件处理器
维度替换+筛选
触发数据更新
基于可视化图形语法的实践            
                        
                20. 字节跳动的数据系统实践
• 可视化架构设计
• 基于图形语法的图表库
• 图表回归测试
基于可视化图形语法的实践            
                        
                21. 可视化架构设计
• 可视化智能引擎
• columns to columns
• 用户行为解析            
                        
                22. • 引擎层基于图形语法 • 声明式语法
• 自研绘制底层 • 开箱即用
基于可视化图形语法的实践            
                        
                23.             
                        
                24.             
                        
                25. • BI的概念与背景
• BI系统开发中常遇到的问题
• 基于可视化图形语法的实践
• 数据可视化的技术演进
• 总结            
                        
                26. 数据可视化的技术演进
• Web Worker
• WebGL
• WebAssembly
数据可视化的技术演进            
                        
                27. Web Worker
• 图表并行渲染
• OffscreenCanvas
• WorkerPool(线程池调度)
数据可视化的技术演进            
                        
                28. WebGL
Canvas
WebGL2
Rect*10000
Arc*2000
line*2000
Circle*10000
Text*5000
0
150
300
450
首帧渲染耗时(ms)
600
0
15
30
刷新帧率(fps)
45
60            
                        
                29. WebAssembly
• wasm带来的性能提升相当可观
• wasm更适合复杂的计算逻辑
• 打包后的体积略大
数据可视化的技术演进            
                        
                30. 数据服务
• 数据解读服务
• 智能问答+数据洞察
• 流式数据与时空间数据
数据可视化的技术演进            
                        
                31. • BI的概念与背景
• BI系统开发中经常遇到的问题
• 基于可视化图形语法的实践
• 数据可视化的发展趋势
• 总结            
                        
                32. 总结
• 研发与学术结合
• 可视化 => 洞察 => 决策
• 商业价值
总结            
                        
                33. WeChat:lyssfxz
字节跳动-刘阳            
                        
                34.