0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

如何用Python制作一个数据可视化网页?

数据分析与开发 来源:法纳斯特 作者:小F 2021-06-23 11:40 次阅读

一谈到Web页面,可能大家首先想到就是HTML,CSS或JavaScript。

本次就给大家介绍一下如何用Python制作一个数据可视化网页,使用到的是Streamlit库。

轻松的将一个Excel数据文件转换为一个Web页面,提供给所有人在线查看。

每当你对Excel文件进行更改保存,Web页面还能够实时进行更新,确实挺不错的。

相关的API使用可以去文档中查看,都有详细的解释。

项目一共有三个文件,程序、图片、Excel表格数据。

数据情况如下,某公司年底问卷调查(虚构数据),各相关部门对生产部门在工作协作上的打分情况。

有效数据总计约676条,匿名问卷,包含问卷填写人所属部门,年龄,评分。

最后对各部门参与人数进行汇总计数(右侧数据)。

首先来安装一下相关的Python库,使用百度源。

因为我们的数据文件是xlsx格式,最新版的xlrd,只支持xls文件。

pYYBAGDSrouAT1JNAABrzwMnNkE458.jpg

所以需要指定xlrd版本为1.2.0,这样pandas才能成功读取数据。

命令行终端启动网页。

成功以后会有提示,并且浏览器会自动弹出网页。

3d5a8a70-cf51-11eb-9e57-12bb97331649.png

如果没有自动弹出,可以直接访问上图中的地址。

得到结果如下,一个数据可视化网页出来了。

目前只能在本地访问查看,如果你想放在网上,可以通过服务器部署,需要自行去研究~

下面我们来看看具体的代码吧。

导入相关的Python包,pandas处理数据,streamlit用来生成网页,plotly.express则是生成图表,PIL读取图片。

设置了网页名称,以及网页里的标题和子标题。

读取Excel表格数据,并且得出年龄分布以及部门情况,一共是有5个部门。

添加滑动条和多重选择的数据选项。

结果如下。

年龄是从23至65,部门则是市场、物流、采购、销售、财务这几个。

由于滑动条和多重选择是可变的,需要根据过滤条件得出最终数据。

得到数据便可以绘制柱状图了。

使用plotly绘制柱状图。

当我们在网页调整选项时,有效数据和柱状图也会随之变化。

此外streamlit还可以给网页添加图片和交互式表格。

得到结果如下。

可以看到表格有一个滑动条,可以使用鼠标滚轮滚动查看。

最后便是绘制一个饼图啦!

结果如下。

各部门参加问卷调查的人数,也是一个可以交互的图表。

将销售、市场、物流取消掉,我们就能看出财务和采购参加问卷调查的人数占比情况。

好了,本期的分享就到此结束了,有兴趣的小伙伴可以自行去实践学习。

责任编辑:lq6

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • Web
    Web
    +关注

    关注

    2

    文章

    1272

    浏览量

    69809
  • python
    +关注

    关注

    56

    文章

    4811

    浏览量

    85113

原文标题:没想到,Python 还可以制作 Web 可视化页面!

文章出处:【微信号:DBDevs,微信公众号:数据分析与开发】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    七款经久不衰的数据可视化工具!

    工具 · D3.js:D3.js 是基于 JavaScript 的数据可视化库,允许开发者创建丰富的交互式图表。它具有极大的灵活性,但需要编程知识,因此适合开发者或具有技术背景的
    发表于 01-19 15:24

    什么是大屏数据可视化?特点有哪些?

    大屏数据可视化是指通过大屏幕展示大量数据和信息,以直观、可视化的方式帮助用户理解和分析数据。这种展示方式通常用于展示复杂的
    的头像 发表于 12-16 16:59 316次阅读

    如何找到适合的大屏数据可视化系统

    选择合适的大屏数据可视化系统是企业或组织在数字转型过程中至关重要的步。优秀的大屏
    的头像 发表于 12-13 15:47 187次阅读

    智慧能源可视化监管平台——助力可视化能源数据管理

    博达可视化大屏设计平台在智慧能源领域的价值体现在实时监控、数据可视化、决策支持和效率提升等方面。借助该平台,企业可以轻松搭建智慧能源类可视化大屏,更加精确和高效地管理生产和生活,实现能
    的头像 发表于 11-29 10:00 488次阅读
    智慧能源<b class='flag-5'>可视化</b>监管平台——助力<b class='flag-5'>可视化</b>能源<b class='flag-5'>数据</b>管理

    可视化数据大屏的制作流程

    制作可视化数据大屏是项涵盖数据分析、设计和技术实现的复杂任务。从数据处理到展示呈现,每个步骤都
    的头像 发表于 07-24 13:57 367次阅读

    大屏数据可视化 开源

    在当今信息爆炸的时代,数据已经成为各个行业决策制定和业务发展的关键。为了更直观、准确地理解和利用海量数据, 大屏数据可视化 成为种强大的工
    的头像 发表于 06-27 16:06 491次阅读
    大屏<b class='flag-5'>数据</b><b class='flag-5'>可视化</b> 开源

    如何实现园区大屏可视化

    如何实现园区大屏可视化? 1.建立孪生模型:首先需要建立园区的孪生模型,即个数字化的虚拟模型,反映了园区的实际情况、结构、设备、人员等信息。这个模型可以通过传感器、监控设备、GIS 数据
    的头像 发表于 06-19 15:39 511次阅读
    如何实现园区大屏<b class='flag-5'>可视化</b>?

    态势数据可视化技术有哪些

    智慧华盛恒辉态势数据可视化技术是种将数据以图形、图像、动画等视觉形式展现出来的技术,特别是在处理和分析态势数据时,该技术能够将复杂的
    的头像 发表于 06-11 15:47 436次阅读

    智慧大屏是如何实现数据可视化的?

    智慧大屏,作为数据可视化的重要载体,已在城市管理、交通监控、商业运营等领域广泛应用。本文旨在阐述智慧大屏实现数据可视化的关键技术和方法,包括数据
    的头像 发表于 06-04 15:02 711次阅读
    智慧大屏是如何实现<b class='flag-5'>数据</b><b class='flag-5'>可视化</b>的?

    大屏数据可视化的作用和意义

    大屏数据可视化是指利用大屏幕设备展示数据信息,通过图表、图像、动画等视觉手段将数据呈现出来,以便用户能够直观、清晰地理解
    的头像 发表于 06-03 17:56 804次阅读

    三维可视化数据大屏的设计原理和技巧

    科技就来聊聊三维可视化数据大屏的设计原理和技巧。 三维可视化数据大屏的设计原理: 1.数据清晰
    的头像 发表于 05-30 17:09 624次阅读

    大屏数据可视化是什么?运用了什么技术

    大屏数据可视化种利用大屏幕设备展示数据可视化结果的技术,旨在以更生动、直观的方式呈现数据
    的头像 发表于 05-24 15:35 944次阅读

    数据可视化:企业数字建设效果的呈现

    数据可视化即通过图表的形式将数据的内在信息有逻辑性地呈现给用户,使用户更容易发现数据中蕴藏的规律,找出问题,进而做出决策;另方面,
    的头像 发表于 04-29 10:18 528次阅读
    <b class='flag-5'>数据</b><b class='flag-5'>可视化</b>:企业数字<b class='flag-5'>化</b>建设效果的呈现

    三维可视化是怎么做的?特点有哪些?

    的应用场景中占据着重要部分,很多业务都需要以三维可视化的方式呈现与交互,它能够帮助用户更直观地理解复杂的数据和信息。以下是关于三维可视化的三维地图的制作过程以及功能特点: 三维地图
    的头像 发表于 04-28 15:12 575次阅读
    三维<b class='flag-5'>可视化</b>是怎么做的?特点有哪些?

    态势数据可视化技术有哪些

    智慧华盛恒辉态势数据可视化技术是种将复杂、动态的态势数据以直观、易于理解的方式展现出来的技术手段。以下是几种主要的态势数据
    的头像 发表于 04-22 15:17 482次阅读