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

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

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

代码开发:写代码调用数据和图表库,比如写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、最终效果

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

http://www.lryc.cn/news/44399.html

相关文章:

  • TCP网络事件模型的封装1.0
  • NC271.二叉搜索树的后序遍历序列
  • 研究fastdds v2.8.0 1之 基础模块
  • ElasticSearch系列 - SpringBoot整合ES:精确值查询 term
  • 关于async/await、promise和setTimeout执行顺序
  • 2023-03-31:如何计算字符串中不同的非空回文子序列个数?
  • D. The Number of Imposters(二分图染色)
  • 图片太大怎么改小kb?简单的图片压缩方法分享
  • 【python-leecode刷题】动态规划类问题----以53. 最大子数组和为例
  • Idea常用快捷键设置
  • 【新2023Q2模拟题JAVA】华为OD机试 - 分苹果
  • 【博学谷学习记录】超强总结,用心分享丨人工智能 自然语言处理 BERT、GPT、ELMO对比学习简记
  • 【嵌入式Bluetooth应用开发笔记】第四篇:初探蓝牙HOST及应用开发(持续更新ing)
  • GORM 基础 -- CRUD 接口
  • 为什么0代码自动化测试越来越受欢迎?一文2000字解析
  • cleanmymac最新2023版 mac清理软件CleanMyMac X4.12.5 中文版功能介绍
  • pyhon部署注意事项
  • 宣城x移动云,打造“城市级物联感知平台”
  • 英伟达Jetson NX套件刷机,配置Ubuntu20。
  • Vue计算属性
  • 代码随想录刷题-字符串-反转字符串
  • 14-链表练习-剑指 Offer II 021. 删除链表的倒数第 n 个结点
  • 用Java解决华为OD机试考题,真的高效,真的强,来吧,清单奉上,祝你上岸
  • 【Stable Diffusion】Stable Diffusion免安装在线部署教程
  • Jetson设备如何接调试串口工具查看内核打印信息
  • 一直被低估的美图,正悄悄成为AIGC领跑者
  • JAVA开发与运维(JavaWeb测试环境搭建)
  • python 的range函数你需要知道三件事
  • 穿越周期的进击,科沃斯“敢”于变革
  • 不使用IF语句对一组数进行排序的分析和实现