头图

image.png

大赛简介

数据可视化不只是呆板的柱线饼图,还可以表达心情,讲一个动人的故事,展现一个惊心动魄的时刻....

VisActor 【备用域名 https://www.visactor.com/ 】是一个面向叙事的智能可视化解决方案。为了让广大用户更加深入的理解数据可视化的叙事概念,以及VisActor 提供的叙事能力,我们组织本次可视化创意编程大赛。

同时,为了有志于参与开源建设的同学能有个循序渐进的路径,我们针对 VisActor 目前还比较欠缺的源码解读文档,把基本章节规划出来,作为有奖任务对外发布。希望有志于探索可视化编程原理的同学踊跃参与!

参赛对象

兴趣第一,本次所有编程题目都是入门级,欢迎所有感兴趣的同学报名参与。我们提供大量的入门级题目,同时会有专门的培训和答疑,全程指导。更有豆包MarsCode AI 编程助手全方位助力!

赛道与奖项

  1. 可视化创意编程

      可视化创意编程,需要参赛者使用特定的VisActor 组件库来完成创意作品。其中VChart 是图表组件库,VTable 是表格组件库。VStory 是一个正在完善中的,数据可视化的叙事框架,如果你想制作复杂的叙事作品,或者综合图表和表格以及更底层的渲染能力,VStory是更好的选择。


** 如果你想做的效果,目前VisActor 能力不满足怎么办? **

直接在交流群提问即可,我们会及时进行能力增强。
---

题目

1)基于VChart 编写创意十足的象形图表。

要求:基于VChart 象形图组件进行扩展。内容和形式,自由发挥。例如:

demo:https://www.visactor.com/vchart/demo/pictogram-chart/pictogra...

教程:https://www.visactor.com/vchart/guide/tutorial_docs/Chart_Typ...

spec:https://www.visactor.com/vchart/option/pictogramChart

issue:[demo]Write creative pictograms based on VChart · Issue #3557 · VisActor/VChart

贡献代码从搭建环境,clone repo开始:https://www.visactor.com/vchart/contributing/4-How%20to%20Con...

参与人数:不限。

个人提交作品个数:不限。

  1. 基于VStory 开发动态信息图

要求:使用VStory 进行信息图demo开发。形式自由发挥,自行编排动画和叙事逻辑。内容在以下几个方向:

餐饮:基于数据可视化的菜品、食品推荐。例如:

气象:天气,节气,温度,风云雨雪。。。。都与我们息息相关,用生动且有意境的方式来展现万千气象。例如:

时间线:以时间维度进行叙事。例如:

image.png

娱乐事件:票房,八卦新闻,影视分析 等,例如

开发指引: 贡献代码从搭建环境,clone repo开始:https://www.visactor.com/vstory/contributing/

demo:https://www.visactor.com/vstory/example

教程:https://www.visactor.com/vstory/guide/tutorial_docs/VStory_We...

3)散点关系图

详情:时序散点关系图

issue: https://github.com/VisActor/VChart/issues/3574

4)表格叙事

要求:使用VStory 中的VTable 接口,完成一个基于表格叙事作品。内容和形式不限。

开发指引: 贡献代码从搭建环境,clone repo开始:https://www.visactor.com/vstory/contributing/

demo:https://www.visactor.com/vstory/example

教程:https://www.visactor.com/vstory/guide/tutorial_docs/VStory_We...

VTable 能力参考:https://www.visactor.com/vtable/guide/Getting_Started/Getting...

5)Joytoy 产品介绍作品

Joytoy(https://www.joytoy.com/)是中国拥有完全自主知识产权的科幻机甲...

要求:请在其官方店铺选择任何一款机甲产品,使用VStory,通过数据可视化形式,对其进行介绍。

优秀作品会被官方采纳,用于其网页和视频介绍中。

奖项与评选标准

名次获奖人数奖品
一等奖1名小米投影仪
二等奖2名Redmi watch
三等奖10名Joytoy 限量款手办
优秀奖所有成功合入的pr都有奖品定制充电宝或京东卡

只有被官方review之后正在合并的pr才有资格参与评选。 单个pr评选为多维度评分制,最后看总分进行评选(一个人提交的多个pr,可以累加分数)。评分标准如下:

评分项评分区间评分标准和方法其他
功能复杂度1-10以VisActor核心开发的生产力去评估同等功能需要耗费的人力来进行评分,
创意及呈现效果1-10叙事逻辑完整性和复杂度;创意性;美观度;动画;
通用性1-10鼓励开发者对作品进行合理的封装,方便其他人能基于你的代码快速生成同类型的作品。 主要考察参数完整性,易用性,代码结构
文档1-10提供较为完整的思路,实现,以及效果展示的文档
  1. 文档达人挑战赛

本次开放VTable 和 VChart 两个repo 的源码,征集解读文档。任务详情如下:

1)VTable

VTable 源码解读大纲

2) VChart

VChart 源码解读大纲

奖项与评选标准

文档达人采取任务认领积分方式,每个issue 只有一个人认领。每篇被合入pr 的文档按照大纲中标注的分数进行计分。报名之后,官方会进行任务确认,沟通确认后即可进行文档撰写工作。

按分数从高到低进行排名。

名次获奖人数奖品
一等奖1名大疆航拍无人机
二等奖2名小米投影仪
三等奖10名Joytoy 限量款手办
优秀奖所有成功合入的pr都有奖品定制充电宝或京东卡

豆包MarsCode 专项奖

  VisActor 会与豆包MarsCode越来越紧密的融合,以提升从创意到编码,从质量到社区的全面智能化水平提升。本次比赛也得到了豆包MarsCode 的大力支持,为此我们特别开辟豆包MarsCode 专项奖。

  为了奖品发布的公平性,请一定通过本链接 https://www.MarsCode.cn/home?utm_source=developer&utm_medium=... 进入豆包MarsCode 官网下载安装插件,否则无法有效统计。

  豆包MarsCode 最佳使用奖

  评选标准:

  参赛者记录参与VisActor开发过程中使用豆包MarsCode 的过程和精彩瞬间,形成文档,对外发布。我们会对文章进行评选。文章及时发布到活动交流群即可。

名次获奖人数奖品
一等奖1名蓝牙耳机
二等奖2名键盘鼠标套装
三等奖3名定制书包

  豆包MarsCode 幸运奖

比赛期间,活动群每周进行一次幸运抽奖,要求上传豆包MarsCode 使用截图。

名次获奖人数奖品
一等奖2名定制背包

活动交流群

本次活动信息会在VisActor 飞书交流群进行同步。报名成功的同学会被拉入贡献者群,由官方同学来进行解答开发问题。使用飞书扫码:

日程说明

  报名(12月24日——2月31日)

  报名链接:https://bytedance.larkoffice.com/share/base/form/shrcntTGHvmf...

  宣讲和培训(1月7日)

  进行统一的 讲解和答疑。

  提交代码(1与1日——3月16日)

  请参赛同学完成编码或文档撰写之后,及时提交。

  评选(3月17日——3月28日)

  评委会对作品和文档进行打分和评选。

  公布结果和发奖(3月31日)

公布结果,同时开启第二季度活动。

期间会联系获奖者,进行奖品发放。

版权说明

本次活动征集的demo、文档,VisActor 官方与作者共同享有完整使用权。

合作伙伴

豆包MarsCode
稀土掘金
JoyToy
中国天气网
上海交通大学

(VisActor 有奖技术活动,每个季度举行一次,欢迎合作咨询 ,微信扫码:


玄魂
911 声望215 粉丝

开源可视化解决方案 VisActor 布道师