数据可视化大屏项目开发中,我们会遇到3d粒子地球的装饰,今天我们来实现这个效果。
工具
ae 以及 ae插件RG Trapcode-Form插件
动态效果
打开ae新建合成
这里我们新建一个1000*1000时长5s的合成
新建纯色图层
添加效果
选中我们创建的纯色图层,...
6个月前 (07-07)
喜欢
vue3 数据可视化大屏 房屋租赁信息看板
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
开发环境
nodejs 16
开发环境
vue3+vite+js
分辨率
1920*1080
演示地址
vue3 数据可视化大屏 房屋租赁信息看板
旧版
演...
6个月前 (07-07)
喜欢
数据可视化大屏项目开发过程中,我们会给大屏添加一些光效以让让大屏看起来更加酷炫,
今天我们要实现的是添加流光效果。
工具
在添加流光效果前,我们需要准备工具ae以及saber插件
打开ae,导入图片
将图片拖入到ae中
钢笔工具勾勒轨迹
使用钢笔工具勾勒流光动画的行动轨迹
添...
6个月前 (07-06)
喜欢
需求
折线图需要根据折线图在不同的数值范围折线图显示不同的颜色
实现思路
根据您的描述和ECharts的文档,折线图区间颜色渐变通常是通过visualMap组件来实现的。具体实现方式如下:
使用visualMap组件:
visualMap是一个视觉映射组件,可以将数据值映射...
6个月前 (07-06)
喜欢
vue3 数据可视化大屏 新冠疫情大数据平台
开发环境
nodejs 16
开发框架
vue3 + vite + js
分辨率
1920*1080
演示地址
vue3 数据可视化大屏 新冠疫情大数据平台
演示demo:vue3 数据可视化大屏 新冠疫情大数据平台
效果截图
视频...
6个月前 (07-06)
喜欢
vue3 数据可视化大屏 图书馆数据可视化大屏
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
开发环境
nodejs 16
开发框架
vue3+vite+js
分辨率
1920*1080
演示地址
vue3 数据可视化大屏 图书馆数据可视化大屏
...
6个月前 (07-05)
喜欢
echarts自定义圆点折线图
完整运行实例
代码运行环境 vue3 vite js nodejs16
...
6个月前 (07-04)
喜欢
边坡安全监测数据大屏 数据可视化大屏 vue3
开发环境
nodejs v16.20.0
开发框架
vue3 vite js
分辨率
1920*1080
演示地址
边坡安全监测数据大屏
边坡安全监测效果图
边坡安全监测数据大屏动态效果
项目模块
1.监测统计
2.监测类型占...
6个月前 (07-03)
喜欢
vue3带粒子效果的渐变色进度条。
动态效果
使用组件
<template>
<div class="home">
<div class="itemsBodys">
<i...
6个月前 (07-03)
喜欢
数据可视化大屏 项目开发中,会添加动画来点缀页面,有些可以通过css来实现动画,有些图片序列帧动画,序列帧动画可以通过css+雪碧图的方式来实现,也可以通过js的方式来实现,今天是使用canvas+js来实现。
准备序列帧图片
我们首先需要准备序列帧图片,这里我们准备了75张序列...
6个月前 (07-02)
喜欢