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

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

news 文章来源：https://blog.csdn.net/yuanziok/article/details/129873219 2025/5/13 18:50:51

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

代码开发：写代码调用数据和图表库，比如写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

Vue计算属性

计算属性 ​ 计算属性的重点突出在属性两个字上(属性是名词)，首先它是个属性其次这个属性有计算的能力(计算是动词)，这里的计算就是个函数;简单点说，它就是一个能够将计算结果缓存起来的属性(将行为转化成了静态的属性)，仅此而已…...

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

代码随想录刷题-字符串-反转字符串

文章目录反转字符串习题双指针swap 的两种方式反转字符串 本节对应代码随想录中：代码随想录，讲解视频：字符串基础操作！ | LeetCode：344.反转字符串_哔哩哔哩_bilibili 习题 题目链接：344. 反转字符串 - …...

编程日记 2023/4/18 10:56:25

14-链表练习-剑指 Offer II 021. 删除链表的倒数第 n 个结点

题目 给定一个链表，删除链表的倒数第 n 个结点，并且返回链表的头结点。 示例 1： 输入：head [1,2,3,4,5], n 2 输出：[1,2,3,5] 示例 2： 输入：head [1], n 1 输出：[] 示例 3&…...

编程日记 2023/4/15 16:30:53

用Java解决华为OD机试考题，真的高效，真的强，来吧，清单奉上，祝你上岸

华为 OD 机试题最新（Java）清单（机试题库还在逐日更新） 题库目录 直接在本页使用 CtrlF，输入题目名称就可以进行检索。 序号文章分值1【华为OD机试真题JAVA】快递装载问题_国服第二切图仔的博客-CSDN博客1002【华为…...

编程日记 2023/4/12 2:38:55

【Stable Diffusion】Stable Diffusion免安装在线部署教程

一、开启Google Colab网址 官网：https://colab.research.google.com/ 点击添加代码： 二、执行如下代码指令 !pip install --upgrade fastapi0.90.1 !git clone https://github.com/AUTOMATIC1111/stable-diffusion-webui !git clone https://github.…...

编程日记 2023/4/12 2:39:40

Jetson设备如何接调试串口工具查看内核打印信息

方便小白使用如下教程。 一、认识USB转串口调试工具转接小板 和硬件连接方式 如图，是一款USB TO TTL转换板，这款小板支持3种供电模式：对外输出5V、对外输出3.3V和由外部供电。正面有一个跳帽，跳帽跳到3V3，小板由US…...

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

一直被低估的美图，正悄悄成为AIGC领跑者

【潮汐商业评论/原创】 也许多年之后再回望历史，2023年将被视为标志性的一年。它不仅是疫情之后的复苏之年，更是人工智能在中国乃至全球迎来爆发的一年。 从来没有这样的景象——在2023年的前3个月，全球互联网被AIGC话题“刷屏”&#xff0…...

编程日记 2023/4/15 16:31:49

JAVA开发与运维（JavaWeb测试环境搭建）

本例子测试环境搭建在腾讯云平台之上。 系统架构： 微服务EurekaApollogateWayredisrocketMqOSSsparkETLmysqlpgsqlclickHouseSLB. 首先需要申请的云资源。 业务用途CPUMEMDisk数量云产品规格服务器应用服务（部署微服务）4核8G500G1CVMS6.L…...

编程日记 2023/4/14 8:23:56

python 的range函数你需要知道三件事

python 的range函数你需要知道三件事python 的range() 函数你需要知道三件事一、range函数的功能和语法二、range函数转化为数组三、range函数与for语句的应用python 的range() 函数你需要知道三件事 一、range函数的功能和语法 **1、range函数的功能：**range&…...

编程日记 2023/4/16 5:58:19

穿越周期的进击，科沃斯“敢”于变革

文|智能相对论 作者|佘凯文 什么样的扫地机器人才是一款好的扫地机器人？ 回答这个问题我们首先要明白扫地机器人的产品逻辑究竟是什么。简单来说，就是替代人们完成一定环境内的清洁工作，它能完成的“清洁程度”越深则代表其产品力越强。 …...

编程日记 2023/4/18 10:58:24