datavrap可视化设计器使用手册

datavrap使用手册

一、产品简介

datavrap是一个动态数据可视化设计器,通过简单配置生成可视化视频,图片和gif。

站长:B站UP,夹克mnnm

这个产品的灵感是在做B站视频时,觉得每次通过修改代码+录屏实现视频制作太过于繁琐,因此想通过直接在页面调整一些参数就能够实现视频生成。因此该软件一直围绕在如何方便快捷制作可视化,生成视频角度优化。产品经历过两个大版本,还有很多改进的地方,希望有想法的可以给站长提出宝贵的意见。

QQ群:912741496

欢迎交流(* ̄︶ ̄)

二、快速入门

借助datavrap,您只需要三步即可生成动态可视化视频:

以下以动态条形图为例:

1.先准备想要可视化的数据Excel,数据形式可以参考每个图形的数据配置,可以直接复制粘贴,把数据粘贴到表格中。ps:最好在选择好一个图元后再粘贴数据,不然会被覆盖掉。

2.选择一个想要显示的图形

说明:每个图形都有预设的主题效果,可以根据需要选择主题。

3.如果预设的效果就已经满足需求,就可以直接导出视频

导出数据,提供多种格式选择,服务器渲染可以生成H264编码的mp4视频。

通过以上三步就能够导出一个可视化视频了。

如果想要调出自己喜欢的效果,就需要了解效果设置配置的方式。

三、界面简介

datavrap主要包含以下区域:

1. 图表模板区域:提供42种图表类型选择,图表类型还在持续增加中。

2. 工具栏区域:提供图表播放,导出,更新说明,分辨率设置等功能按钮。

3. 预览区域:预览配置的图表效果。

4. 效果配置区域:提供多种配置调整预览区的效果。

5. 数据配置区域:调整图表中的数据。

6. 素材区域:官方提供的素材和自定义上传图片素材。

3.1. 图表模板区域

图表模板区域提供基础模板选择:以下是提供的模板

选择图表模板,目前有42种图形模板。

目前有:动态条形图、动态gis地图、动态折线图、动态地图(带条形图)、动态地图(各国、省、市)、TOP排行榜、动态对比条形图、动态饼图、动态环形图、动态柱状图、动态雷达图、动态3D柱状图、动态条形图(数字跳动)、动态水球图、动态词云、矩形树图、极坐标柱图、漏斗图、桑基图、散点图等等。后续会继续更新更多图元。

在模板的基础上,

选择主题

3.2. 工具栏区域

(1)工具栏介绍

(2)导出功能

导出视频推荐第6项,生成原画视频,创建任务后只需等待服务生成完成,生成后会提供下载链接。

如果服务器需要等待太久,可以采用本地引擎生成,能够加快生成视频的时间。

PS:年度会员可以实现数据完全不上传服务器,只在本地维护,并且生成视频通过本地引擎生成,数据安全有保证。

3.3. 预览区

预览区:

时间轴

预览辅助工具,在编辑时开启,可以提高校验数据的效率。点击时间轴文字,就可以切换到对应的数据层,通常在导出时要关掉。

3.4. 效果配置区

此区域是给动态可视化调效果。

其中分为基础配置、X轴设置、Y轴设置(左)、时间轴配置、坐标系配置,特效配置,背景配置等等,有些类型的图元有自己个性化的配置。

(1)基础配置

对动态图整体框架进行配置,包括:大标题设置、副标题设置、时间轴标题设置、版权说明设置、数据来源设置、数据排序、单位设置、小数位精确到、柱子/折线效果设置、显示数量设置、颜色设置等。

下面分别介绍各个设置的使用方法:

  1. 大标题,副标题,时间轴等文字设置

软件提供五处文字显示设置,大标题,副标题,时间轴标题,数据来源,版权说明。每个文字设置都支持自定义设置。

文字修改支持文字字体,字体大小,字体颜色,是否换行(自定义超过多少字换行),

左右位置,预设center,left,right。作为关键字,也可以设置数字,例如:输入200,表示距离左侧200像素。

上下位置,提供预设,top,middle,bottom作为关键字,也可以设置数字,例如:输入200,标识距离顶部200像素。

  1. 数据排序

可以选择对数据进行升序、降序或不排序。

  1. 单位设置

可以给动态图添加单位,统一单位只需写一个单位,如果想要给每个时间轴设置不同单位需要用逗号隔开。

  1. 小数位精确到

如果数据是小数,可以对数据进行小数位截位,默认不截位

  1. 柱子/折线效果设置

可以对柱子/折线宽度、圆角、图表、文字进行调节。

如果需要平滑的折线图就需要勾选开启平滑。

柱子宽度:表示一个柱子粗细程度,宽度越大,柱子越粗。

柱子圆角:默认0表示柱子是直角,若设置柱子圆角和柱子宽度一样,显示半圆。

折线宽度:折线宽度,设置折线粗细。

显示记号:控制图标显示。

开启平滑:针对折线图生效,将折线图中的折角变成平滑状态。

隐藏空数据柱子:当数据中有0数据时,直接不显示。

开启柱子图标:显示柱子上的图标。

显示文字:控制柱子或是折线上的文字显示。其中文字格式可以自定义,比如在文字改成:xx{b}xx{c}xxx,从而设置成自定义的模板。文字偏移,可以在现有文本位置的基础上,设置左右,上下偏移,可以设置成负数。

  1. 显示数量设置

如果数据量太大,显示不全,可以勾选显示数量设置。主要是TOP排行榜图元需要用到这个功能。

(2)颜色设置

颜色设置提供配色方案,背景色,单色,及单个颜色设置。

(3)X轴设置

X轴设置是对X轴的名称、标签的内容、大小、颜色、位置进行调节。

(4)Y轴设置(左)

Y轴设置(左)是对Y轴的标题、标签的内容、大小、颜色、位置进行调节。

Y轴支持图标显示。

(5)时间轴配置

时间轴配置是对时间轴位置、宽度、切换时间、变化持续时间进行调节。其中两个时间轴切换时间可以调节动态图的变化速度。

时间轴在视频编辑时有用,可以比较方便的校验数据的正确性,在导出视频时记得关闭时间轴。

其中最后两个时间的设置是比较重要的设置

切换时间(ms)::意思是两个柱子切换时,需要的时间,如果有10个时间轴,每个切换时间是2秒,填入2000,总视频时长在20秒。

变化时间(ms)::表示两个时间轴切换变化的持续时间,比如,设置切换时间2秒,设置变化的持续时间1秒,表示2秒间隔的前一秒柱子会完成变化,后一秒会停止变化。因此如果想要持续变化,可以设置成切换时间和变化时间一样,就可以持续不断变化。

ps:变化持续时间不能超过切换时间,不然会出现不连贯的情况。

(6)坐标系设置

坐标系设置是对边距及分割线的位置距离进行调节。做一个背景图,将图表限制在一定范围内。

(7)特效设置

特效设置,对于运动的效果,可以进行自定义控制,默认都是平滑处理,也可以一开始慢,后面块这种特殊的缓动效果。

(8)背景设置

背景设置目前支持三种种,一种是视频背景,一种是图片背景,最后一种是自定义区块背景。

每一个图片链接都可以不一样,达到在播放中切换背景的效果。图片可以在素材库中进行上传生成链接。

以上效果配置是基于柱状图提供的效果配置,适用于大部分图元场景,但有一些特殊的图元,会有自己的效果配置。

四、数据准备

4.1. 编辑数据

 可参照示例数据对数据进行处理,注意表头要齐全,空数据需要补0。如果是数字类型,单元格中不能出现单位,不然会识别不了。

会员可以支持将英文数据进行粘贴,点击翻译,会翻译文本中英文数据。

推荐采用复制粘贴数据,上传Excel可能会因为隐藏格式导致出现解析异常情况。

4.2. 上传素材

素材库支持上传图片,后续会陆续增加上传视频和音乐支持。

五、内容导出

datavrap可视化工具能够支持导出视频,图片和gif。支持不同场景,不同需求的导出需求,满足用户多种场景需求。

5.1. 导出为时间轴图片

提供两种时间轴图片的下载方式,带背景和不带背景的图片。

时间轴图表表示单个时间轴下的效果,能够批量生成不同时间轴下的图片。

5.2. 导出为图片序列

提供两种视频帧下载方式,带背景和透明两种方式,透明帧是pr软件能够识别的图片序列,例如一个60帧的视频,每秒需要60张图片。软件支持自动生成完整视频需要的所有的视频帧,满足自定义需求,例如通过透明视频帧实现在视频中无缝嵌入数据可视化视频。

5.3. 导出视频

datavrap支持生成可视化视频,目前提供两种视频生成方式:

  1. 下载原画mp4:点击创建下载任务按钮,可以提交当前设置的分辨率的视频生成任务,在任务结束后,可以点击查看下载任务,其中会显示下载链接。
  2. 下载原画mp4本地引擎:为解决用户对于数据安全的疑虑和提供本地引擎,支持在本地安装一个视频生成器,详细的使用说明:datavrap本地引擎使用教程

5.4. 导出gif

支持导出gif动画,耗时较长,需要较长时间进行生成。

以上就是通用部分的使用手册,以下会根据每一种图表的特点,针对性的介绍图元的使用方式。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/319527.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

桌面云虚拟机Ubuntu离线安装open-vm-tools

桌面云虚拟机Ubuntu离线安装open-vm-tools 背景解决思路安装步骤1. 下载open-vm-tools及其依赖软件包2. 软件包转ISO文件3. 安装open-vm-tools 背景 公司办公在桌面云中进行开发,桌面云是无法访问外网的,然后又有安装虚拟机的需求,使用VMwar…

Springboot中使用Filter过滤器

1、概述 springboot工程中使用Filter过滤器与其他地方使用基本相同,只是注入的方式不同。 2、创建Filter过滤器 实现Filter接口,重写doFilter方法 filterChain.doFilter(servletRequest,servletResponse);表示放行 public class MyFilter implement…

基于TCP的全双工网络编程实践

首先我们先了解一下什么是全双工通信? 全双工数据通信允许数据同时在两个方向上传输,因此,全双工通信相当于是两个单工通信方式的结合,它要求发送设备和接收设备都有独立的接收和发送能力。 TCP服务端代码: #includ…

STM32 定时器输入捕获2——捕获高电平时长

由上图我们可以知道,高电平时间t2-t1。在代码中,可以记录此时t1的时间然后再记录t2的时间,t2-t1,就是我们所想要的答案。 但是,还有更简单一点点的,当到达t1的时候,我们把定时器清零&#xff0c…

【前后端的那些事】解放后端!10min快速上手人人代码生成器(后端篇)

人人代码生成器【后端篇】 文章目录 人人代码生成器【后端篇】1. 克隆renren-generator2. 配置项目信息3. 配置数据库信息4. 启动项目5. 创建springboot项目5.1 pom.xml5.2 创建包结构5.3 编写application.yml5.4 将生成代码集成到项目中5.5 集成common模块5.6 启动项目 前言&a…

一键批量整理:将相同名称的文件归类至指定文件夹

随着电脑中的文件日益增多,文件管理成为了让人头疼的问题。相似的文件名,难以分类的内容,让你在寻找和整理时耗费大量时间。现在,有了我们的全新工具,这些烦恼全部消失。 第一步:进入文件批量改名高手主页面…

如何在海洋cms添加广告

1:下载广告代码,注意广告中的图片要放在自己的server上,图片地址要改为自己的实际图片地址,图片存放位置,存在模板的image里面 2在海洋cms后台添加广告管理,只需要广告index.html代码,转换成js代码 广告名…

生成式AI如何重塑开发流程和开发工具:引领科技革命的未来

随着人工智能技术的飞速发展,生成式AI正以前所未有的速度改变着世界。在软件开发领域,生成式AI已经开始重塑开发流程和开发工具,为软件开发人员带来前所未有的便利和创新。本文将深入探讨生成式AI如何重塑开发流程和开发工具,以及…

手写springBoot启动器

提示:springboot原理,手写springboot启动器,手写模拟SpringBoot启动过程、手写模拟SpringBoot自动配置功能 文章目录 前言一、本文内容1、手写模拟SpringBoot启动过程2、手写模拟SpringBoot自动配置功能 二、项目总体介绍三、代码实现(手写模…

C#,史密斯数(Smith Number)的计算方法与源代码

一、关于史密斯数的传说 1、关于理海大学Lehigh University 理海大学(Lehigh University),位于宾夕法尼亚州(Pennsylvania)伯利恒(Bethlehem),由富有爱国情怀与民族精神的实业家艾萨…

计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)

1,绪论 1.1 课题背景 随着现在科学技术的进步,人类社会正逐渐走向信息化,图书馆拥有丰富的文献信息资源,是社会系统的重要组成部分,在信息社会中作用越来越重要,在我国图书馆计算机等 信息技术的应用起步…

SqlAlchemy使用教程(三) CoreAPI访问与操作数据库详解

SqlAlchemy使用教程(一) 原理与环境搭建SqlAlchemy使用教程(二) 入门示例及编程步骤 三、使用Core API访问与操作数据库 Sqlalchemy 的Core部分集成了DB API, 事务管理,schema描述等功能,ORM构筑于其上。本章介绍创建 Engine对象,使用基本的…

代码随想录 Leetcode707. 设计链表

题目: 代码(首刷看解析 2024年1月11日): class MyLinkedList { private:struct ListNode{int val;ListNode* next;ListNode(int val):val(val),next(nullptr){}};int size;ListNode* dummyHead; public:MyLinkedList() {dummyHead new List…

Jenkins-执行脚本案例-初步认识JenKins的使用

环境搭建 docker pull jenkins/jenkins:2.440 docker run -d -p 10240:8080 -p 10241:50000 -v /env/liyong/data/docker/jenkins_mount:/var/jenkins_home -v /etc/localtime:/etc/localtime --name jenkins jenkins/jenkins:2.440 #在挂载的目录下去修改仓库地址 vim hudson…

杨中科 .NETCORE EFCORE 第一部分 基本使用

一 、什么是EF Core 什么是ORM 1、说明: 本课程需要你有数据库、SOL等基础知识。 2、ORM: ObjectRelational Mapping。让开发者用对象操作的形式操作关系数据库 比如插入: User user new User(Name"admin"Password"123”; orm.Save(user);比如查询: Book b…

Python字符串验证与正则表达式【第23篇—python基础】

文章目录 引言方法1:使用 isalpha() 方法方法2:使用正则表达式方法3:遍历字符检查应用场景示例与比较优化与扩展方法4:考虑空格和其他字符应用场景扩展 示例与比较优化与扩展方法4:考虑空格和其他字符方法5&#xff1a…

深入 Move 生态,探秘铭文热潮背后的思考

Move 语言是 Meta(Facebook)在 2018 年开发的新一代智能合约编程语言。回顾过去的一年,Aptos 与 Sui 主网上线,为整个 Web3 开启了下一个十亿用户服务的新征程。Rooch、Initia、MoveMent 等多条使用 Move 语言的区块链网络涌现&am…

React全局状态管理

redux是一个状态管理框架,它可以帮助我们清晰定义state和处理函数,提高可读性,并且redux中的状态是全局共享,规避组件间通过props传递状态等操作。 快速使用 在React应用的根节点,需要借助React的Context机制存放整个…

【Linux技术专题】「夯实基本功系列」带你一同学习和实践操作Linux服务器必学的Shell指令(文件处理指令-下)

文件处理指令-下 背景前言专栏介绍面向对象重点内容文件处理命令mv作用格式[options] 主要参数应用实例将文件cjh.txt重命名为wjz.txt ls作用格式options主要参数应用举例 diff作用diff 的基本语法如下:[options] 是可选的参数 实际案例cmp格式options主要参数 cat格…

ssm基于Java的药店药品信息管理系统的设计与实现论文

摘 要 传统信息的管理大部分依赖于管理人员的手工登记与管理,然而,随着近些年信息技术的迅猛发展,让许多比较老套的信息管理模式进行了更新迭代,药品信息因为其管理内容繁杂,管理数量繁多导致手工进行处理不能满足广大…