大数据在电力行业的应用案例100讲（七）-基于Worker+WASM+WebGL2的海量数据实时渲染

前言

随着电力行业的不断发展，电分布展示、缴费行为实时响应、各企业分布及碳排放情况实时展示等业务对海量数据实时渲染的要求越来越高。如何更加真实地描绘出业务场景，缩短渲染时间，有效提高电力企业大数据分析结果的展示能力，成为电网企业数字化转型路上，一道不得不面对的重要问题。

本文提出基于Worker+WASM+WebGL2的海量数据实时渲染技术方案，旨在快速、流畅、真实地刻画海量数据的图形效果，助力电力业务更好地实现海量数据实时渲染需求，支撑更高的管理创新和业务创新，助力电网企业发展。

【名词解释】

1、Worker（全称WebWorker），作用是创造多线程环境，将一个任务拆分成多个任务同时执行，以空间换时间。

2、WASM（全称WebAssembly）是一种可移植、体积小、加载快并且兼容Web的新格式，可以提高文件传输速度和程序执行速度。

3、WebGL2是一种Web端绘图技术，运行在GPU上，绘制速度非常快，图形效果也更加清晰真实，通常用于绘制3D图形。

4、实时渲染可将最新的数据在浏览器中进行可视化展示，如一笔电费入账，页面上的图表就会进行响应，实时展示最新数据。

现状分析

海量数据实时渲染本质是对大量数据进行可视化展示，其常用技术包含JavaScript、HTML、CSS、Canvas、SVG、WebGL等。总体涵盖数据准备、数据处理、数据组装和图形绘制四个步骤，传统的数据渲染实现方案主要有基于单流程的实时渲染和基于时间分片的实时渲染两种。