当前位置： 首页 > news >正文

30张精美可视化大屏，无需代码直接套用，解决你95%的大屏需求！

news 2025/12/16 10:09:07

通常制作可视化大屏，一般有两种方式

代码开发：写代码调用数据和图表库，比如写JS+Echarts ；
可视化工具：用现成的数据可视化工具
前者简单直接，直接写代码就完事。但对于大部分人来说门槛较高，维护成本也很大。如果涉及大量的动态可视化，大数据量，没有底层技术，性能就会大打折扣。而且投到不同尺寸的屏幕，调试起来非常麻烦。

后者则简单不少，直接用数据可视化工具，可以快速设计样式呈现效果、自适应不同大小的屏幕、而且还可以实时刷新数据。

2D可视化大屏的制作很多可视化工具都能完成，但提到3D就让很多想做可视化大屏，但不想写代码的朋友很困惑，下面直接开教：

10分钟怎么做出一个3D可视化大屏？
在这里插入图片描述
在这里插入图片描述

可视化大屏如何制作？
无论技术上采用那种方式，要想大屏做得漂亮，都要一番精心的视觉设计。

一、布局排版

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、配色
配色的学问很复杂，这里就先讲一讲背景色。背景色又分为整体背景以及单个元素的背景，无论是哪一个，都遵从两点基本原则：深色调&一致性。
在这里插入图片描述

三、制作过程

在这里插入图片描述

1、绘制geojson

先提供一个扩展工具geojson：
https://fvs.fineres.com/geojson/

1.1定位园区
在这里插入图片描述

1.2 绘制园区

在这里插入图片描述

1.3 暂存和导出

在这里插入图片描述

2、导入生成 3D

进入FVS大屏编辑界面，使用“三维城市”组件导入刚刚绘制的园区geojson。

在这里插入图片描述

导入后生成效果如下，用户可以选择开启或关闭“GIS底图”。若开启GIS底图，可以看到园区所在的地理信息，如道路名称等。

在这里插入图片描述

3、调整模型

3.1 调整风格

点击“模型”tab并进入模型列表，选中任一建筑，可以调整建筑的顶面和立面的材质和颜色，也可以一键切换风格，切换一栋之后直接应用到所有建筑。

在这里插入图片描述

3.2 调整视角

在这里插入图片描述

4、配置数据

准备好含有模型名称字段的数据集，将模型名称与数据关联。

在这里插入图片描述

5、最终效果

在这里插入图片描述
在这里插入图片描述

相关文章：

30张精美可视化大屏，无需代码直接套用，解决你95%的大屏需求！

通常制作可视化大屏，一般有两种方式 代码开发：写代码调用数据和图表库，比如写JSEcharts ； 可视化工具：用现成的数据可视化工具 前者简单直接，直接写代码就完事。但对于大部分人来说门槛较高，维…...

编程日记 2023/4/12 14:30:31

TCP网络事件模型的封装1.0

TCP网络模型的封装 最近学习了TCP网络模型的封装，其中运用的封装技术个人感觉有点绕 在反复读代码、做思维导图下初步理解了这套封装模型，不禁感叹原来代码还能这样写？神奇！ 为此将源码分享出来并将流程图画出，方便…...

编程日记 2023/4/11 19:35:16

NC271.二叉搜索树的后序遍历序列

文章目录一、题目描述二、示例三、主要思路一、题目描述 输入一个整数数组，判断该数组是不是某二叉搜索树的后序遍历的结果。如果是则返回 true ,否则返回 false 。假设输入的数组的任意两个数字都互不相同。 提示： 1.二叉搜索树是指父亲节点大于左子树中…...

编程日记 2023/4/12 12:01:38

研究fastdds v2.8.0 1之 基础模块

阅读 dds 协议 1.4 版本 ， 结合fastdds 2.8 的代码理解dds。 Entity 理解 DCPS基础设施模块由以下类组成： Entity DomainEntity QosPolicy Listener Status WaitSet Condition GuardCondition StatusCondition1、Entity 是所有DCPS 对象的基础类 virt…...

编程日记 2023/4/12 12:01:36

ElasticSearch系列 - SpringBoot整合ES：精确值查询 term

文章目录01. ElasticSearch term 查询？02. ElasticSearch term 查询数值型数据？03. ElasticSearch term 查询字符串类型数据？04. ElasticSearch term 查询日期型数据？05. ElasticSearch term 查询日期型数据的注意事项&#xff1f…...

编程日记 2023/4/12 12:01:34

关于async/await、promise和setTimeout执行顺序

关于async/await、promise和setTimeout执行顺序 async function async1() {console.log(async1 start);await async2();console.log(asnyc1 end); } async function async2() {console.log(async2); } console.log(script start); setTimeout(() > {console.log(setTimeOut…...

编程日记 2023/4/12 12:01:32

2023-03-31：如何计算字符串中不同的非空回文子序列个数？

2023-03-31：给定一个字符串 s，返回 s 中不同的非空 回文子序列 个数， 通过从 s 中删除 0 个或多个字符来获得子序列。 如果一个字符序列与它反转后的字符序列一致，那么它是 回文字符序列。 如果有某个 i , 满足 ai ! bi &#xff…...

编程日记 2023/4/19 5:18:30

D. The Number of Imposters(二分图染色)

Problem - D - Codeforces Theofanis开始玩名为“Among them”的新网络游戏。然而，他总是和塞浦路斯球员一起踢球，他们都有一个相同的名字:“安德烈亚斯”(塞浦路斯最常见的名字)。在每个游戏中，Theofanis和n个其他玩家一起玩。因为它们都有相…...

编程日记 2023/4/12 12:01:21

图片太大怎么改小kb？简单的图片压缩方法分享

平时当我们在朋友圈分享一些有趣的照片或者使用图片素材进行上传的时候，经常遇到图片大小kb超出平台限制的情况，这时就无法正常上传了，遇到这种情况我们就需要想办法降低图片大小kb，那么有什么办法能够压缩图片大小呢？…...

编程日记 2023/4/12 14:30:10

【python-leecode刷题】动态规划类问题----以53. 最大子数组和为例

作者：20岁爱吃必胜客（坤制作人），近十年开发经验, 跨域学习者，目前于海外某世界知名高校就读计算机相关专业。荣誉：阿里云博客专家认证、腾讯开发者社区优质创作者，在CTF省赛校赛多次取得好成绩。…...

编程日记 2023/4/12 14:30:06

Idea常用快捷键设置

设置来源于尚硅谷宋红康老师 第1组：通用型 说明 快捷键 复制代码-copy ctrl c 粘贴-paste ctrl v 剪切-cut ctrl x 撤销-undo ctrl z 反撤销-redo ctrl shift z 保存-save all ctrl s 全选-select all ctrl a 第2组：提高编写速度（上…...

编程日记 2023/4/15 16:27:45

【新2023Q2模拟题JAVA】华为OD机试 - 分苹果

最近更新的博客 华为od 2023 | 什么是华为od，od 薪资待遇，od机试题清单华为OD机试真题大全，用 Python 解华为机试题 | 机试宝典【华为OD机试】全流程解析+经验分享,题型分享,防作弊指南华为od机试，独家整理 已参加机试人员的实战技巧本篇题解：分苹果 题目 AB两个人把苹果…...

编程日记 2023/4/12 14:29:59

【博学谷学习记录】超强总结，用心分享丨人工智能 自然语言处理 BERT、GPT、ELMO对比学习简记

目录三模型架构BERTGPTELMO三者差异点三模型架构 BERT 优点 在11个NLP任务上取得SOAT成绩.利用了Transformer的并行化能力以及长语句捕捉语义依赖和结构依赖.BERT实现了双向Transformer并为后续的微调任务留出足够的空间. 缺点 BERT模型太大, 太慢.BERT模型中的中文模型是以…...

编程日记 2023/4/12 14:29:57

【嵌入式Bluetooth应用开发笔记】第四篇：初探蓝牙HOST及应用开发（持续更新ing）

概念 蓝牙HOST（Bluetooth Host）是指能够连接到其他蓝牙设备并控制它们的设备。在蓝牙技术中，通常有两种类型的设备：蓝牙HOST和蓝牙SLAVE。蓝牙HOST通常是指拥有控制权的设备，它可以主动连接其他蓝牙设备并向其发送命令。相反，蓝牙SLAVE则是指被动连接的设备，它接受来自…...

编程日记 2023/4/15 16:29:51

GORM 基础 -- CRUD 接口

1、Create 1.1 创建纪录 user : User{Name: "Jinzhu", Age: 18, Birthday: time.Now()}result : db.Create(&user) // pass pointer of data to Createuser.ID // 回填插入数据的主键 result.Error // 返回的 error 信息 result.RowsAffect…...

编程日记 2023/4/18 15:29:33

为什么0代码自动化测试越来越受欢迎？一文2000字解析

目录 01、什么是零代码自动化测试 02、为什么零代码自动化测试越来越受欢迎 03、有代码和零代码自动化有什么区别 04、零代码自动化测试可以帮助你做什么 05、零代码自动化测试方法：NLP（自然语言处理） 06、为什么我们需要零代码自动化测…...

编程日记 2023/4/18 10:49:49

cleanmymac最新2023版 mac清理软件CleanMyMac X4.12.5 中文版功能介绍

CleanMyMac X4.12.5 中文版只需两个简单步骤就可以把系统里那些乱七八糟的无用文件统统清理掉，节省宝贵的磁盘空间。cleanmymac x个人认为X代表界面上的最大升级，功能方面有更多增加，与最新macOS系统更加兼容，流畅地与系统性能更加…...

编程日记 2023/4/19 15:14:26

pyhon部署注意事项

前言：相信看到这篇文章的小伙伴都或多或少有一些编程基础，懂得一些linux的基本命令了吧，本篇文章将带领大家服务器如何部署一个使用django框架开发的一个网站进行云服务器端的部署。 文章使用到的的工具 Python：一种编程语言&…...

编程日记 2023/4/12 14:29:44

宣城x移动云，打造“城市级物联感知平台”

随着新一代信息技术与城市现代化的深度融合，智慧城市建设的重要性也愈发凸显。而在智慧城市建设中，物联网感知体系扮演着中枢神经系统的角色。 安徽宣城紧抓长三角城市群一体化发展机遇，为构建“数字宣城”建设发展新模式，携手移…...

编程日记 2023/4/18 10:51:57

英伟达Jetson NX套件刷机，配置Ubuntu20。

0. 前言 人并没有眼见得那么光鲜亮丽，博客也是。 今天推荐一本书《一百个人的十年》，没错就是我们的那十年（60年代）。写得很真实，牛棚猪圈，确实如此。 1. SdkManager安装 官网下载。 打开终端 执行命令sud…...

编程日记 2023/4/18 10:54:31

SpringBoot-17-MyBatis动态SQL标签之常用标签

文章目录 1 代码1.1 实体User.java1.2 接口UserMapper.java1.3 映射UserMapper.xml1.3.1 标签if1.3.2 标签if和where1.3.3 标签choose和when和otherwise1.4 UserController.java2 常用动态SQL标签2.1 标签set2.1.1 UserMapper.java2.1.2 UserMapper.xml2.1.3 UserController.ja…...

编程新知 2025/12/16 5:37:18

龙虎榜——20250610

上证指数放量收阴线，个股多数下跌，盘中受消息影响大幅波动。 深证指数放量收阴线形成顶分型，指数短线有调整的需求，大概需要一两天。 2025年6月10日龙虎榜行业方向分析 1. 金融科技 代表标的：御银股份、雄帝科技 驱动…...

编程新知 2025/12/16 3:57:53

synchronized 学习

学习源： https://www.bilibili.com/video/BV1aJ411V763?spm_id_from333.788.videopod.episodes&vd_source32e1c41a9370911ab06d12fbc36c4ebc 1.应用场景 不超卖，也要考虑性能问题（场景） 2.常见面试问题： sync出…...

编程新知 2025/12/14 17:38:17

YSYX学习记录（八）

C语言&#xff0c;练习0&#xff1a; 先创建一个文件夹&#xff0c;我用的是物理机&#xff1a; 安装build-essential 练习1&#xff1a; 我注释掉了 #include <stdio.h> 出现下面错误 在你的文本编辑器中打开ex1文件&#xff0c;随机修改或删除一部分&#xff0c;之后…...

编程新知 2025/12/16 4:58:10

Linux云原生安全：零信任架构与机密计算

Linux云原生安全&#xff1a;零信任架构与机密计算 构建坚不可摧的云原生防御体系 引言&#xff1a;云原生安全的范式革命 随着云原生技术的普及&#xff0c;安全边界正在从传统的网络边界向工作负载内部转移。Gartner预测&#xff0c;到2025年&#xff0c;零信任架构将成为超…...

编程新知 2025/8/17 17:11:47

重启Eureka集群中的节点，对已经注册的服务有什么影响

先看答案&#xff0c;如果正确地操作&#xff0c;重启Eureka集群中的节点&#xff0c;对已经注册的服务影响非常小&#xff0c;甚至可以做到无感知。 但如果操作不当&#xff0c;可能会引发短暂的服务发现问题。 下面我们从Eureka的核心工作原理来详细分析这个问题。 Eureka的…...

编程新知 2025/9/24 3:38:34

C++使用 new 来创建动态数组

问题&#xff1a; 不能使用变量定义数组大小 原因&#xff1a; 这是因为数组在内存中是连续存储的&#xff0c;编译器需要在编译阶段就确定数组的大小&#xff0c;以便正确地分配内存空间。如果允许使用变量来定义数组的大小&#xff0c;那么编译器就无法在编译时确定数组的大…...

编程新知 2025/12/12 22:31:30

HarmonyOS运动开发：如何用mpchart绘制运动配速图表

##鸿蒙核心技术##运动开发##Sensor Service Kit&#xff08;传感器服务&#xff09;# 前言 在运动类应用中&#xff0c;运动数据的可视化是提升用户体验的重要环节。通过直观的图表展示运动过程中的关键数据&#xff0c;如配速、距离、卡路里消耗等&#xff0c;用户可以更清晰…...

编程新知 2025/12/14 7:26:20

AGain DB和倍数增益的关系

我在设置一款索尼CMOS芯片时&#xff0c;Again增益0db变化为6DB&#xff0c;画面的变化只有2倍DN的增益&#xff0c;比如10变为20。 这与dB和线性增益的关系以及传感器处理流程有关。以下是具体原因分析&#xff1a; 1. dB与线性增益的换算关系 6dB对应的理论线性增益应为&…...

编程新知 2025/9/30 16:23:57

GO协程(Goroutine)问题总结

在使用Go语言来编写代码时&#xff0c;遇到的一些问题总结一下 [参考文档]&#xff1a;https://www.topgoer.com/%E5%B9%B6%E5%8F%91%E7%BC%96%E7%A8%8B/goroutine.html 1. main()函数默认的Goroutine 场景再现&#xff1a; 今天在看到这个教程的时候&#xff0c;在自己的电…...

编程新知 2025/12/14 4:58:11