博客园  :: 首页  :: 联系 :: 管理

VisActor

Posted on 2024-07-31 16:58  天戈朱  阅读(91)  评论(0编辑  收藏  举报

VisActor是字节跳动开源、从大量可视化场景沉淀而来。在覆盖常规可视化场景的同时,以叙事可视化为新的着力点,以智能可视化为目标,形成了包括渲染引擎、可视化语法、数据分析组件、图表组件、表格组件、GIS组件、图可视化组件、智能组件等多个模块以及周边生态组成的可视化解决方案。

 1、VisActor架构


  •  

作为一个完备的解决方案,VisActor在可视化完整流程的各个关键节点提供能力支持

1.1  VRender:*不只是一个功能丰富的可视化渲染引擎,更是一支得心应手的生花妙笔

   其中基本功能包含:

  • VRender 是可视化图形渲染引擎,负责可视化图表的最终呈现。
  • 除了提供基础的图元绘制能力之外,VRender面向更广泛的可视化场景,提供动画自定义,图元组合,叙事编排等多种能力。
  • 整个方案中所需的组件、事件、跨端能力都是以VRender为核心来构建,而且每种模块都提供了扩展接口

1.2 VGrammar:不只是生成万千图表的可视化语法,更是化枯燥为神奇的数据魔法师

     VGrammar 是整个VisActor 体系的核心,在此基础上,针对特定的业务场景,抽象出VChart、VTable、VGraph和VGis 等组件库。

  •  

 

2、vTable


vTable:不只是高性能的多维数据分析表格,更是行列间创作的方格艺术家 

VTable 是基于Canvas 开发的高性能多维分析表格组件

相对于传统DOM表格组件,VTable 主要解决的是大量数据情况下的渲染和交互性能问题,百万级数据纵享丝滑。

单元格呈现形式:

 主要特性包含:

  • 'text'文本类型:用于展示文字数据。同时支持多种样式和格式,如字体大小、颜色、加粗、斜体、自动换行等,也可对数据进行格式化,来满足不同的排版需求。
  • 'link'链接类型:将数据转化为超链接,点击链接可以跳转到指定的网页或文件
  • 'image'图像类型:将有效url转化为图像展示,如照片、图标等。
  • 'video'视频类型:将有效url转化为视频展示,如YouTube视频、本地视频文件等。
  • 'sparkline'迷你图类型:将数据转化为小型图表展示,如折线图、面积图,在表格中展示数据趋势和变化。
  • 'progressbar'进度条类型:将数据转化为进度条展示,可自定义进度条颜色、大小和文本,可以方便地在表格中展示任务进度和状态。
  • 'chart'图表类型:将数据转化为VChart图表在单元格中展示。
  • 自定义渲染:如果想要单元格呈现更为丰富的内容或布局形态,还可以通过自定义渲染来实现

表格交互能力:https://visactor.io/vtable/example

  • 选中单元格【select cells】: 支持单选,框选,选中整列,快捷键多选及全选
  • hover高亮【hover highlight】: 支持hover单元格高亮,或十字高亮
  • 拖拽换位:列显示顺序调整
  • 排序:点击表头排序
  • 冻结列:固定列
  • 冻结行
  • 调整列宽:拖拽列宽调整
  • 表头分组
  • 自动换行
  • 单元格合并
  • 行序号
  • 异步懒加载
  • 数据导出(csv、excel)
  • 上卷下钻
  • 右键复制粘贴
  • 数据过滤
  • 计算列
  • 组件交互类型包括:滚动条滚动,tooltip提示,dropdown下来菜单弹出等
  • 支持多套theme主题
  • 单元格style:除了使用theme来设置样式外,还可以通过列维度或者行维度的配置style来设置单元格样式,可以达到单元格级别自定义样式的灵活程度

用户CASES示例:

  数据分析

  销售明细 

  趋势分析 

 项目排期

 

VTable是一款基于可视化渲染引擎VRender的高性能表格组件库,提供了卓越的性能和强大的多维分析能力,以及灵活强大的图形能力。

VTable支持百万级数据的快速运算和渲染,可以自动分析和呈现多维数据,无缝融合VChart,为用户提供了强大的数据分析和可视化能力。

VTable提供了丰富的功能,包括多种表格类型、单元格内容类型、交互功能、主题、样式、自定义渲染等,以满足用户的各种需求。

如果你正在寻找一款高效、易用的数据表格库,VTable是一个不错的选择! 

 

3、演示Demo


  •  

 4、对比

 


 

 

仅从多维分析表格方面,superSet并不具备优势,主要因为它的交叉表是静态html绘制、操作性较差。 

参考资料