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

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

news 2025/9/13 0:31:45

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

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

rknn优化教程（二）

文章目录 1. 前述2. 三方库的封装2.1 xrepo中的库2.2 xrepo之外的库2.2.1 opencv2.2.2 rknnrt2.2.3 spdlog 3. rknn_engine库 1. 前述 OK，开始写第二篇的内容了。这篇博客主要能写一下： 如何给一些三方库按照xmake方式进行封装，供调用如何按…...

编程新知 2025/6/11 15:25:30

Python实现prophet 理论及参数优化

文章目录 Prophet理论及模型参数介绍Python代码完整实现prophet 添加外部数据进行模型优化 之前初步学习prophet的时候，写过一篇简单实现，后期随着对该模型的深入研究，本次记录涉及到prophet 的公式以及参数调优，从公式可以更直观…...

编程新知 2025/9/11 18:47:05

OkHttp 中实现断点续传 demo

在 OkHttp 中实现断点续传主要通过以下步骤完成，核心是利用 HTTP 协议的 Range 请求头指定下载范围： 实现原理 Range 请求头：向服务器请求文件的特定字节范围（如 Range: bytes1024-） 本地文件记录：保存已…...

编程新知 2025/8/9 2:59:35

【Oracle】分区表

个人主页：Guiat 归属专栏：Oracle 文章目录 1. 分区表基础概述1.1 分区表的概念与优势1.2 分区类型概览1.3 分区表的工作原理 2. 范围分区 (RANGE Partitioning)2.1 基础范围分区2.1.1 按日期范围分区2.1.2 按数值范围分区 2.2 间隔分区 (INTERVAL Partit…...

编程新知 2025/9/7 8:51:50

push [特殊字符] present

push 🆚 present 前言present和dismiss特点代码演示 push和pop特点代码演示 前言 在 iOS 开发中，push 和 present 是两种不同的视图控制器切换方式，它们有着显著的区别。 present和dismiss 特点 在当前控制器上方新建视图层级需要手动调用…...

编程新知 2025/9/5 8:29:07

虚拟电厂发展三大趋势：市场化、技术主导、车网互联

市场化：从政策驱动到多元盈利 政策全面赋能 2025年4月，国家发改委、能源局发布《关于加快推进虚拟电厂发展的指导意见》，首次明确虚拟电厂为“独立市场主体”，提出硬性目标：2027年全国调节能力≥2000万千瓦&#xff0…...

编程新知 2025/8/3 1:06:36

PostgreSQL——环境搭建

一、Linux # 安装 PostgreSQL 15 仓库 sudo dnf install -y https://download.postgresql.org/pub/repos/yum/reporpms/EL-$(rpm -E %{rhel})-x86_64/pgdg-redhat-repo-latest.noarch.rpm# 安装之前先确认是否已经存在PostgreSQL rpm -qa | grep postgres# 如果存在&#xff0…...

编程新知 2025/9/8 15:21:15

Linux信号保存与处理机制详解

Linux信号的保存与处理涉及多个关键机制，以下是详细的总结： 1. 信号的保存 进程描述符（task_struct）：每个进程的PCB中包含信号相关信息。 pending信号集：记录已到达但未处理的信号（未决信号&a…...

编程新知 2025/7/6 5:33:18

【Elasticsearch基础】Elasticsearch批量操作（Bulk API）深度解析与实践指南

目录 1 Bulk API概述 1.1 什么是批量操作 1.2 Bulk API的优势 2 Bulk API的工作原理 2.1 请求处理流程 2.2 底层机制 3 Bulk API的使用方法 3.1 基本请求格式 3.2 操作类型示例 3.3 响应格式 4 Bulk API的最佳实践 4.1 批量大小优化 4.2 错误处理策略 4.3 性能调…...

编程新知 2025/9/2 18:42:29

设计模式-观察着模式

观察者模式 观察者模式 (Observer Pattern) 是一种行为型设计模式，它定义了对象之间一种一对多的依赖关系，当一个对象（称为主题或可观察者）的状态发生改变时，所有依赖于它的对象（称为观察者）都…...

编程新知 2025/9/9 11:52:30