【保姆级教程】Python 制作数据可视化大屏其实特简单

对于从事数据领域的小伙伴来说,当需要阐述自己观点、展示项目成果时,我们需要在最短时间内让别人知道你的想法。我相信单调乏味的语言很难让别人快速理解。最直接有效的方式就是将数据进行可视化展现。

图片

提到数据可视化,我们会想到 Plotly、Matplotlib、Pyecharts等可视化库,或者一些商用软件Tableau、FineBI等等。如果你希望操作更简单、展现效果更强大,那么这款工具 big_screen 更适合你了,喜欢记得点赞、收藏、关注。

本文介绍具体如下:

  • big_screen 特点
  • 安装环境
  • 输入数据
  • 结果展示
  • 在线部署
  • 代码领取

big_screen 特点

便利性工具, 结构简单, 你只需传数据就可以实现数据大屏展示。

安装环境

pip install -i https://pypi.tuna.tsinghua.edu.cn/simple flask

输入数据

在文件夹 data.py 中更新你需要展示的数据即可,如下为部分数据展示:

self.echart1_data = {
            'title': '行业分布',
            'data': [
                {"name": "商超门店", "value": 47},
                {"name": "教育培训", "value": 52},
                {"name": "房地产", "value": 90},
                {"name": "生活服务", "value": 84},
                {"name": "汽车销售", "value": 99},
                {"name": "旅游酒店", "value": 37},
                {"name": "五金建材", "value": 2},
            ]
        }
        self.echart2_data = {
            'title': '省份分布',
            'data': [
                {"name": "浙江", "value": 47},
                {"name": "上海", "value": 52},
                {"name": "江苏", "value": 90},
                {"name": "广东", "value": 84},
                {"name": "北京", "value": 99},
                {"name": "深圳", "value": 37},
                {"name": "安徽", "value": 150},
            ]
        }
        self.echarts3_1_data = {
            'title': '年龄分布',
            'data': [
                {"name": "0岁以下", "value": 47},
                {"name": "20-29岁", "value": 52},
                {"name": "30-39岁", "value": 90},
                {"name": "40-49岁", "value": 84},
                {"name": "50岁以上", "value": 99},
            ]
        }
        self.echarts3_2_data = {
            'title': '职业分布',
            'data': [
                {"name": "电子商务", "value": 10},
                {"name": "教育", "value": 20},
                {"name": "IT/互联网", "value": 20},
                {"name": "金融", "value": 30},
                {"name": "学生", "value": 40},
                {"name": "其他", "value": 50},
            ]
        }

本地运行

cd big_screen-master;
python app.py;

结果展示

在这里插入图片描述

在线部署

你可以直接像在本地一样运行脚本,这样可以运行成功,如果我们想让它一直运行,我们可以在线部署。使用命令如下:

nohup python app.py

这时你可以查看进程

ps -ef | grep python

就会看到我们刚才 app.py 代码已经运行起来了,这个就是在后台运行,关闭连接之后一样会运行,这下就放心了。

但是,如果发生错误的话,我们是无法知道哪里出错的,这时我们指定日志输出文件

nohup python -u app.py > robot.log 2>&1 &

还有一个问题,我想停止在线运行怎么办?可以使用这个命令

kill PID

代码获取

可视化大屏(含源码)已打包放置后台了,获取方法如下:

方法1、微信搜索公众号:Python学习与数据挖掘,后台回复:大屏
方法2、扫描二维码或者发送图片到微信识别,后台回复:大屏

图片

Three.js是一个基于JavaScript的开源3D图形库,用于创建和展示各种三维图形。它可以与Vue框架结合使用,用于开发数字楼宇大屏项目。这个项目可以实现对每个楼层的3D可视化,并提供了一些功能,如能源预警、视频监控和消防数据展示。 在使用这个项目之前,你需要先安装Vue和Three.js的依赖,可以通过运行`npm install`命令来安装所需的包。然后,使用`npm run`命令来运行项目。 为了实现数据可视化效果,你需要引入一些必要的组件。其包括Three.js库本身,可以通过`import * as THREE from "three";`来引入。此外,还需要引入d3库用于数据操作和可视化。另外,为了实现用户交互和控制,还需要引入OrbitControls组件。最后,为了在Three.js场景渲染2D元素,还需要引入CSS2DRenderer和CSS2DObject组件。你可以使用以下代码引入这些组件: ```javascript import * as THREE from "three"; import * as d3 from 'd3'; import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'; import { CSS2DRenderer, CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer.js'; ``` 通过结合Vue和Three.js,你可以开发出一个酷炫的数据可视化大屏,展示楼层的3D效果,并且与能源预警、视频监控和消防等数据进行展示。 <span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [智慧城市+数字大屏+Vue+Three.js + 3D可视化 + 数字楼宇 ](https://download.csdn.net/download/ybitts/85849578)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [如何1人5天开发完3D数据可视化大屏 【一】](https://blog.csdn.net/qihoo_tech/article/details/109396383)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [【保姆进阶】Three.js做一个酷炫的城市展示可视化大屏](https://blog.csdn.net/ethanpu/article/details/125691957)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值