开源之夏
"开源之夏"简介
"开源之夏（英文简称 OSPP）"是中国科学院软件研究所"开源软件供应链点亮计划"指导下的系列暑期活动，旨在鼓励在校学生积极参与开源软件的开发维护，培养和发掘更多优秀的开发者，促进优秀开源软件社区的蓬勃发展，助力开源软件供应链建设。
活动在引导学生参与开源建设的同时，也会给予相应的物质奖励。
本次开源之夏活动，VisActor 申报了三个题目，接下来我们对三个题目要做的事情做解释说明。 开源之夏官网：summer-ospp.ac.cn/
题目1：基于 VisActor 的可视化叙事模版开发
本项目面向"开源之夏"活动参与的在校大学生。
本项目旨在利用 VisActor 平台开发一个或者多个可视化叙事图表/模版，以满足用户在各种叙事场景下快速创建可视化叙事内容的需求。项目将包括一个或多个可视化叙事图表，用户可以根据自己的需求选择不同的主题、配色方案和布局，生成个性化的叙事可视化作品。
VIsActor 官网：www.visactor.io/
github：github.com/VisActor
报名地址：summer-ospp.ac.cn/org/prodeta...
导师邮箱：hefeifei.felicity@bytedance.com
任务内容
结合自己的特长和经验，提出自己认为有价值的叙事模板。它必须满足：
- 叙事模板要有一定通用性、可复制性；
- 叙事模板至少要用到一种数据可视化的手段（图表、表格等）；
- 有良好的视觉、动效设计，所见即所得，尽量减少用户二次调整。
这里提供了一些选题供参考，你也可以根据自己的想法和兴趣提出、设计其他的叙事模板。
| 说明 | 难度 | 示意 |
|---|---|---|
| 餐饮主题信息图 展示某一个菜品、食物的热量、营养分布、口味等信息。 | 低 |  |
| 节日词云主题信息图 | 低 |   |
| 旅游主题信息图 | 中 |  |
| 序号/步骤信息图 | 中 |   |
| 单元可视化叙事视频 | 中 | projects.propublica.org/graphics/tr...](p3-juejin.byteimg.com/tos-cn-i-k3...) |
| 时间线信息图 展示重要历史事件时间线 | 高 |   |
要做的事情
- 完整的叙事图表（模版）的设计说明文档（每个图表/模版提供一份）。
- 完整的代码实现
- 可以运行的demo
- 完整的使用说明文档
- 完整的技术实现文档
技术要求
- 基于VisActor VStory、VChart、或 VTable 等基础组件实现，在已有的叙事图表仓库代码基础上进行功能补充。开发者 fork 示例项目，开发完成后提交pr。
- 编程语言：TypeScript
题目2：基于VTable开发Vue生态下的表格可视化组件
本项目面向"开源之夏"活动参与的在校大学生。
VTable是一款基于可视化渲染引擎VRender的高性能表格组件库，提供了卓越的性能和强大的多维分析能力，以及灵活强大的图形能力。VTable支持百万级数据的快速运算和渲染，可以自动分析和呈现多维数据，无缝融合VChart，为用户提供了强大的数据分析和可视化能力。VTable提供了丰富的功能，包括多种表格类型、单元格内容类型、交互功能、主题、样式、自定义渲染等，以满足用户的各种需求。
github：github.com/VisActor/VT...
报名地址：summer-ospp.ac.cn/org/prodeta...
导师邮箱：liufangfang.jane@bytedance.com
任务内容
目前VTable 基础表格和透视表格的能力已经能满足诸多业务场景，已经对外发布React组件（www.visactor.io/vtable/guid...
对于用户群体同样庞大的Vue生态圈，VTable需要研发Vue-VTable 组件，提升整体的易用性。
要做的事情
- 完整的设计说明文档。
- 完整的代码实现
- 可以运行的demo
- 完整的使用说明文档
- 完整的技术实现文档
技术要求
-
基于VisActor/VTable 和Vue.js。
-
编程语言：TypeScript
题目3：基于VMind开发基于LLM的可视化智能生成组件
本项目面向"开源之夏"活动参与的在校大学生。
VMind 是 可视化解决方案 VisActor体系中的智能可视化组件，基于规则算法、人工智能、机器学习、大语言模型等多种方式提供智能化接口，以最大限度降低开发者使用可视化组件的心智负担。
本项目旨在使用VMind实现可视化智能生成，根据用户的数据和自然语言指令，借助LLM自动生成可视化图表或叙事作品。以满足用户在各种叙事场景下快速创建可视化叙事内容的需求。项目将包括基本VChart图表生成，复杂图表生成，结合VStory实现信息图生成。
github：github.com/VisActor/VM...
报名地址：summer-ospp.ac.cn/org/prodeta...
导师邮箱：chengda.615@bytedance.com
任务内容
学生需要完成的任务在以下任务清单中，至少完成难度低、中、高等级中各一个图表，每个图表类型提交一次pr。
基于VMind和大语言模型，实现图表，信息图，叙事模版的智能推荐和生成
- 参考图表智能生成的设计思路，在VMind框架内，为每种类型的智能生成设计一套完整的技术方案。
- 图表智能生成覆盖所有VChart基本图表类型：www.visactor.io/vchart/exam...
- 新增图表叙事智能生成模块，支持较为复杂的叙事图表的智能生成，包括：组合图，动态条形图，动态散点图，时序图，水波图，转化漏斗图，动态折线图，动态环形图
- 支持生成VStory中封装的信息图模板：餐饮模板，象形占比图，象形地图，力导向散点图
相关图表信息参考：
| 类型 | 难度 | 示意 | 相关链接 | |
|---|---|---|---|---|
| 气泡图 | VChart基础图表 | 低 |  |
www.visactor.io/vchart/demo... |
| 地图 | VChart基础图表 | 低 |  |
www.visactor.io/vchart/demo... |
| 区间柱图 | VChart基础图表 | 低 |  |
www.visactor.io/vchart/demo... |
| 旭日图 | VChart基础图表 | 低 |  |
www.visactor.io/vchart/demo... |
| 矩形树图 | VChart基础图表 | 低 |  |
www.visactor.io/vchart/demo... |
| 仪表盘图 | VChart基础图表 | 低 |  |
www.visactor.io/vchart/demo... |
| 进度图 | VChart基础图表 | 低 |  |
www.visactor.io/vchart/demo... |
| 热力图 | VChart基础图表 | 低 |  |
www.visactor.io/vchart/demo... |
| 韦恩图 | VChart基础图表 | 低 |  |
www.visactor.io/vchart/demo... |
| 组合图 | VChart复杂图表 | 中 |  |
www.visactor.io/vchart/demo... |
| 动态条形图 | VChart复杂图表 | 低 |  |
public.flourish.studio/visualisati... |
| 动态散点图 | VChart复杂图表 | 低 |  |
www.visactor.io/vchart/demo... |
| 时序图 | VChart复杂图表 | 中 |  |
visactor.io/vchart/demo... |
| 水波图 | VChart复杂图表 | 中 |  |
visactor.io/vchart/demo... |
| 转化漏斗图 | VChart复杂图表 | 中 |  |
github.com/VisActor/VC... |
| 动态折线图 动态环形图 | VChart复杂图表 | 低 | Screen Recording 2024-02-20 at 15.39.56.mov Screen Recording 2024-02-20 at 15.39.56 (1).mov | |
| 餐饮模板 | VStory叙事模板 | 高 | |
|
| 象形占比图 | VStory叙事模板 | 高 |  |
github.com/VisActor/VC... |
| 表现数据流动的力导向散点图 | VStory叙事模板 | 高 |  |
flowingdata.com/projects/20... |
| 象形地图 | VChart复杂图表 | 高 |  |
echarts.apache.org/examples/zh... echarts.apache.org/zh/tutorial... |
| 节日词云主题信息图 | VStory叙事模板 | 高 |  |
|
| 旅游主题信息图 | VStory叙事模板 | 高 | |
|
| 序号/步骤信息图 | VStory叙事模板 | 高 | |
|
| 单元可视化叙事视频 | VStory叙事模板 | 高 |  |
|
| 时间线信息图 展示重要历史事件时间线 | VStory叙事模板 | 高 | |
要做的事情
- 完整的设计说明文档。
- 完整的代码实现
- 可以运行的demo
- 完整的使用说明文档
- 完整的技术实现文档
技术要求
- 基于VisActor/VTable 和Vue.js。
- 编程语言：TypeScript
VisActor官方提供的支持
- 提供示例demo
- 提供涉及到的VIsActor组件的使用以及开发涉及知识的完整培训
- 导师全程答疑辅导
VisActor官方不提供的支持
- 不能帮你写任何代码
- 不做任何最终结果的承诺
如何参与
想要报名参与开源之夏中VisActor项目，你需要做以下事情：
- 给对应的导师邮箱发送自己的简历
- 导师邀请加入VisActor开发者社区群
- 参与社区任务（非强制）无废话:开源小白如何加入开源社区，贡献代码 - 掘金
- 开源之夏站点提交项目申请书
- VisActor 审核
- 导师带领开发
项目申请书注意事项
项目申请书应该包含如下内容：
- 申请项目的题目
- 功能设计
- 技术实现方案
- 预期开发时间
- 预期效果
- 如何推广你的成果
如果没有被选中参加开源之夏怎么办？
因为开源之夏每个项目最终只有一个同学可以入选，那么会有更多的同学因此无法参与到开源社区中，为此，VisActor 推出了自己的开源社区贡献者培养计划，希望感兴趣的同学参与到开源社区大家庭中。
VisActor社区贡献者培养计划
一个开源产品能够持续成长，离不开社区的支持；同时，一个良好发展的开源产品，能够给社区持续带来新的活力和方向，二者相辅相成。
为了帮助有志于为开源社区进行贡献的开发者，同时促进VIsActor 持续健康成长，我们讨论了初步的社区贡献者激励计划。核心目标如下：
- 引领社区成员快速融入开源文化
- 借助VisActor开发任务，帮助社区成员快速成长
- 通过社区共同努力，保证VIsActor高质量发展
下面详细介绍激励计划的相关细节（欢迎大家参与讨论）。
技术成长
通过参与开源社区，来使得成员可以快速且持续地获得技术成长，对参与者来说是最重要的事情之一。为此，VisActor拟从以下两个方面和参与成员共同成长。
VIsActor目前所有项目涉及的技术栈以前端和大模型应用为主，覆盖了前端从基础到高级应用的几乎所有方面，尤其是图形渲染与可视化方面，是普通前端项目涉及不到的。
工程化
我们会从0开始讲解VIsActor的工程化方案和实践细节，保证所有参与成员获得前端工程化有清晰的认知和实操能力。
可视化课程
我们计划通过系统的课程讲解的方式，逐步让社区成员把代码吃透，真正做到从理论到编码完全精通。
可视化基础理论与应用（系列课程：准备中）
我们会推出一系列课程，将可视化基础理论和可视化应用实践结合起来，使得参与者可以对基础理论，VIsActor基本实现原理，代码结构，可视化组件应用，等各个方面有全面了了解。同时，可以将可视化组件应用到实际的应用开发中。
可视化与图形渲染（系列课程：规划中）
本系列课程结合对@VIsActor/VRender 源码的深入剖析，将前端图形编程从入门到复杂功能研发，再到架构设计，一次讲透。
可视化语法理论与研发（系列课程：规划中）
本系列课程会全面讲述可视化（图形）语法理论，并且对@VIsActor/VGrammar的源码做深入剖析，使得大家可以通过该系列学习掌握可视化研发的核心能力，以及掌握前端复杂应用中涉及的状态管理、事件与交互系统、数据流、DSL设计等通用架构设计与实现能力。
统计图表与研发实现（系列课程：规划中）
本系列课程会全面讲述统计图表的概念、场景，结合@VIsActor/VChart 源码，详细讲解基于可视化语法的统计图表库的实现原理。
多维表格与研发实现（系列课程：规划中）
本系列课程会全面讲述多维的概念、场景，结合@VIsActor/VTable源码，详细讲解集高性能、多维分析、丰富可视化能力于一体的表格组件研发细节。
叙事可视化与研发实现（系列课程：规划中）
本系列课程会全面介绍叙事可视化概念与场景，结合@VIsActor/VStory源码，详细讲解叙事可视化模型与实现原理。
智能可视化与研发实现（系列课程：规划中）
本系列课程会结合@VisActor/VMind源码，讲解VIsActor如何结合机器学习、大语言模型实现可视化智能推荐、智能生成、智能美化、智能叙事等功能。
"导师"Issue
除了常规的Issue之外，我们每个季度会发布一些需要深度参与的任务，这部分任务需要对VisActor源码有非常好的理解才能进行。
为此我们会为选择进行该项任务的同学配备一个导师，全程跟进，通过实践+学习的方式来提升技能。
奖励
我们提供如下两个奖项，用户鼓励在代码贡献和推广宣传方面的优秀同学：
最佳代码奖
每个季度从提交pr的同学中，评选若干名，颁发奖品和证书
最佳宣传奖
每个季度从为VIsActor推广宣传做出努力的同学中，评选若干名，颁发奖品和证书
如何加入
- 参考文档：无废话:开源小白如何加入开源社区，贡献代码 - 掘金
- 加入官方群，群内咨询相关事宜
欢迎关注
官方网站：www.visactor.io/
Discord：discord.gg/3wPyxVyH6m
飞书群：打开链接扫码
微信公众号：打开链接扫码
Twiter：twitter.com/xuanhun1
github：github.com/VisActor