个人介绍
大数据架构,CSDN博客专家,Apache Linkis committer。
背景
数据可视化(Data Visualization)是一种将数据以图形或图像形式展现的技术。通过使用数据可视化,用户可以更直观地理解数据中的模式、趋势和关联。数据可视化将复杂的数据集转换为易于理解的视觉表示,帮助人们更快地洞察数据的价值。数据可视化的目标是简化数据分析,提高决策质量,并提升数据故事的讲述能力。
Apache Linkis 在上层应用程序和底层引擎之间构建了一层计算中间件。我这边以Apache Linkis 为计算底座,用Apache Doris 引擎 ,上层为(SolidUI)数据可视化工具。
功能
业务
背景思想
交互思想是,视觉预览参考PPT,图层皆为幻灯片,设计交互思想参考PS,配置模块化。
一个开源产品是建立在三维数据基础上集简洁化支持2D,3D体验,与多种计算结合(cpu/gpu)
功能清单
- 2D图例
- 3D场景
- OLAP
- AI绘画
- 容器化
实现
架构
UI
- 编辑器整体布局分为五个区域:图层/页面(Layer/Page),当前设计页面的组件列表区(SolidView List),SolidEditor编辑区(中间),组件配置区域(Configuration),组件选择区域(SolidViews Select List)。
- 图层/页面(Layer/Page):图层主要是配置场景,页面UI层是配置设计自己的组件。
- 组件列表区:方便选择要配置的组件,对组件做删除,锁定等管理操作。
- SolidEditor编辑区:作为一个高内聚的组件,对外通过 EventBus 来完成事件的订阅、发布。组件内部由 RulerGuides、InfiniteView、Moveable、Selecto、Viewport 来搭配完成整个编辑区域的交互、操作逻辑。
- 配置区域:对选中的 SolidView 做所见即所得的样式、数据源、事件交互等配置。
- 组件选择区域:在顶部提供一个选择放置各个组件的按钮区域。
服务端
- SolidUI-API 提供API接口,实现业务逻辑。
- SolidUI-Plugin 根据不同的任务类型,数据源类型,分发到不同的插件执行任务。
- Apache Linkis 计算中间件
- Apache Doris 引擎,提供最终执行OlAP
- JDBC Apache Linkis 提供引擎协议。
设计页面
小结
SolidUI 放到GitHub上了,正在开发中,感兴趣的朋友关注下。
工具清单
https://github.com/CloudOrc/SolidUI
https://github.com/apache/linkis
https://github.com/apache/doris