VisActor - 字节跳动开源可视化解决方案

VisActor 是字节跳动开源的面向叙事的智能可视化解决方案，提供从底层渲染引擎到上层图表库、智能可视化的完整技术栈。该项目已在 GitHub 获得广泛关注，被火山引擎、飞书、TikTok、剪映等产品采用。

项目简介

VisActor 诞生于字节跳动内部大量可视化场景的实践，在覆盖传统可视化场景的同时，以叙事可视化为新焦点、智能可视化为未来目标。它不仅提供开箱即用的多端图表库，更是一个生动灵活的数据 storyteller。

核心产品矩阵

VisActor 包含以下核心产品，形成完整的可视化技术栈：

VChart - 数据故事讲述者

VChart 不仅是一个开箱即用的多端图表库，更是一个生动灵活的数据 storyteller。

核心特性：

• 一套代码，自动适配桌面端、H5、网页、手机小程序等多种环境
• 丰富的图表类型：面积图、柱状图、漏斗图、河流图、桑基图、玫瑰图等
• 支持自定义配置图表样式、布局和动画
• 优秀的多端渲染性能

VTable - 格网艺术家

VTable 不仅是一个高性能多维数据分析表格，更是行列之间创作的格网艺术家。

核心特性：

• 自动化多维数据分析与展示
• 支持透视表、列表等多种表格形态
• 单元格自定义布局
• 主题定制能力

VMind - 智能可视化套件

VMind 基于大语言模型（LLM）的智能可视化解决方案，不仅自动化，更是出色的。

核心特性：

• 智能推荐：根据数据自动推荐合适的图表类型
• 智能配色：自动匹配美观的颜色方案
• 智能生成代码：简化数据可视化开发流程

VGrammar - 数据魔术师

VGrammar 不仅是生成万千图表的可视化语法，更是将枯燥转化为魔法的数据魔术师。

VRender - 视觉渲染引擎

VRender 不仅是功能丰富的视觉渲染引擎，更是一支称手的笔。

VStory - 数据故事框架

VStory 是智能视觉叙事、数据故事创作框架。

VSeed - 数据种子

VSeed 是一个优雅的数据编排器，将复杂性转化为简洁性。

应用场景

VisActor 覆盖以下主要应用场景：

大屏可视化

丰富的图表类型、多种动画效果、动态数据更新能力、优秀的多图表渲染性能，快速生成炫酷的数据大屏。

BI 商业智能

图表样式、布局、动画等均支持自定义配置；内置数据分析能力，满足 BI 场景中的各种可视化需求。

办公套件

在各种终端环境中具有良好的兼容性，优秀的渲染性能，满足办公应用场景中的各种可视化需求。

技术生态

VisActor 已被以下产品采用：

• 火山引擎：字节跳动旗下云服务平台
• 飞书（Lark）：企业协作平台
• TikTok：全球短视频平台
• 剪映（CapCut）：视频编辑工具

开源社区

• GitHub: https://github.com/VisActor
• 官方文档: https://visactor.io/
• Medium: https://visactor.medium.com/
• Observable: https://observablehq.com/@visactor
• Discord: https://discord.gg/3wPyxVyH6m
• 邮箱: visactor@googlegroups.com

快速开始

以 VChart 为例：

# npm
npm install @visactor/vchart

# yarn
yarn add @visactor/vchart

import VChart from '@visactor/vchart';

const spec = {
  type: 'bar',
  data: [
    {
      id: 'barData',
      values: [
        { month: 'Jan', sales: 22 },
        { month: 'Feb', sales: 38 },
        { month: 'Mar', sales: 25 },
      ]
    }
  ],
  xField: 'month',
  yField: 'sales'
};

const vchart = new VChart.default(spec, { dom: 'container' });
vchart.renderSync();

总结

VisActor 作为字节跳动开源的可视化解决方案，提供了从底层渲染到上层应用的完整技术栈。其叙事可视化的设计理念和智能化的发展方向，使其在众多可视化库中脱颖而出。无论是构建数据大屏、BI 系统还是办公应用，VisActor 都能提供强大的支持。