0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

如何用Python制作一個(gè)數(shù)據(jù)可視化網(wǎng)頁(yè)?

數(shù)據(jù)分析與開發(fā) ? 來源:法納斯特 ? 作者:小F ? 2021-06-23 11:40 ? 次閱讀

一談到Web頁(yè)面,可能大家首先想到就是HTML,CSS或JavaScript。

本次就給大家介紹一下如何用Python制作一個(gè)數(shù)據(jù)可視化網(wǎng)頁(yè),使用到的是Streamlit庫(kù)。

輕松的將一個(gè)Excel數(shù)據(jù)文件轉(zhuǎn)換為一個(gè)Web頁(yè)面,提供給所有人在線查看。

每當(dāng)你對(duì)Excel文件進(jìn)行更改保存,Web頁(yè)面還能夠?qū)崟r(shí)進(jìn)行更新,確實(shí)挺不錯(cuò)的。

相關(guān)的API使用可以去文檔中查看,都有詳細(xì)的解釋。

項(xiàng)目一共有三個(gè)文件,程序、圖片、Excel表格數(shù)據(jù)。

數(shù)據(jù)情況如下,某公司年底問卷調(diào)查(虛構(gòu)數(shù)據(jù)),各相關(guān)部門對(duì)生產(chǎn)部門在工作協(xié)作上的打分情況。

有效數(shù)據(jù)總計(jì)約676條,匿名問卷,包含問卷填寫人所屬部門,年齡,評(píng)分。

最后對(duì)各部門參與人數(shù)進(jìn)行匯總計(jì)數(shù)(右側(cè)數(shù)據(jù))。

首先來安裝一下相關(guān)的Python庫(kù),使用百度源。

因?yàn)槲覀兊臄?shù)據(jù)文件是xlsx格式,最新版的xlrd,只支持xls文件。

pYYBAGDSrouAT1JNAABrzwMnNkE458.jpg

所以需要指定xlrd版本為1.2.0,這樣pandas才能成功讀取數(shù)據(jù)。

命令行終端啟動(dòng)網(wǎng)頁(yè)。

成功以后會(huì)有提示,并且瀏覽器會(huì)自動(dòng)彈出網(wǎng)頁(yè)。

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

如果沒有自動(dòng)彈出,可以直接訪問上圖中的地址。

得到結(jié)果如下,一個(gè)數(shù)據(jù)可視化網(wǎng)頁(yè)出來了。

目前只能在本地訪問查看,如果你想放在網(wǎng)上,可以通過服務(wù)器部署,需要自行去研究~

下面我們來看看具體的代碼吧。

導(dǎo)入相關(guān)的Python包,pandas處理數(shù)據(jù),streamlit用來生成網(wǎng)頁(yè),plotly.express則是生成圖表,PIL讀取圖片。

設(shè)置了網(wǎng)頁(yè)名稱,以及網(wǎng)頁(yè)里的標(biāo)題和子標(biāo)題。

讀取Excel表格數(shù)據(jù),并且得出年齡分布以及部門情況,一共是有5個(gè)部門。

添加滑動(dòng)條和多重選擇的數(shù)據(jù)選項(xiàng)。

結(jié)果如下。

年齡是從23至65,部門則是市場(chǎng)、物流、采購(gòu)、銷售、財(cái)務(wù)這幾個(gè)。

由于滑動(dòng)條和多重選擇是可變的,需要根據(jù)過濾條件得出最終數(shù)據(jù)。

得到數(shù)據(jù)便可以繪制柱狀圖了。

使用plotly繪制柱狀圖。

當(dāng)我們?cè)诰W(wǎng)頁(yè)調(diào)整選項(xiàng)時(shí),有效數(shù)據(jù)和柱狀圖也會(huì)隨之變化。

此外streamlit還可以給網(wǎng)頁(yè)添加圖片和交互式表格。

得到結(jié)果如下。

可以看到表格有一個(gè)滑動(dòng)條,可以使用鼠標(biāo)滾輪滾動(dòng)查看。

最后便是繪制一個(gè)餅圖啦!

結(jié)果如下。

各部門參加問卷調(diào)查的人數(shù),也是一個(gè)可以交互的圖表。

將銷售、市場(chǎng)、物流取消掉,我們就能看出財(cái)務(wù)和采購(gòu)參加問卷調(diào)查的人數(shù)占比情況。

好了,本期的分享就到此結(jié)束了,有興趣的小伙伴可以自行去實(shí)踐學(xué)習(xí)。

責(zé)任編輯:lq6

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • Web
    Web
    +關(guān)注

    關(guān)注

    2

    文章

    1253

    瀏覽量

    69057
  • python
    +關(guān)注

    關(guān)注

    53

    文章

    4753

    瀏覽量

    84080

原文標(biāo)題:沒想到,Python 還可以制作 Web 可視化頁(yè)面!

文章出處:【微信號(hào):DBDevs,微信公眾號(hào):數(shù)據(jù)分析與開發(fā)】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。

收藏 人收藏

    評(píng)論

    相關(guān)推薦

    可視化數(shù)據(jù)大屏的制作流程

    制作可視化數(shù)據(jù)大屏是項(xiàng)涵蓋數(shù)據(jù)分析、設(shè)計(jì)和技術(shù)實(shí)現(xiàn)的復(fù)雜任務(wù)。從數(shù)據(jù)處理到展示呈現(xiàn),每個(gè)步驟都
    的頭像 發(fā)表于 07-24 13:57 ?165次閱讀

    大屏數(shù)據(jù)可視化 開源

    在當(dāng)今信息爆炸的時(shí)代,數(shù)據(jù)已經(jīng)成為各個(gè)行業(yè)決策制定和業(yè)務(wù)發(fā)展的關(guān)鍵。為了更直觀、準(zhǔn)確地理解和利用海量數(shù)據(jù), 大屏數(shù)據(jù)可視化 成為種強(qiáng)大的工
    的頭像 發(fā)表于 06-27 16:06 ?277次閱讀
    大屏<b class='flag-5'>數(shù)據(jù)</b><b class='flag-5'>可視化</b> 開源

    如何實(shí)現(xiàn)園區(qū)大屏可視化?

    如何實(shí)現(xiàn)園區(qū)大屏可視化? 1.建立孿生模型:首先需要建立園區(qū)的孿生模型,即個(gè)數(shù)字化的虛擬模型,反映了園區(qū)的實(shí)際情況、結(jié)構(gòu)、設(shè)備、人員等信息。這個(gè)模型可以通過傳感器、監(jiān)控設(shè)備、GIS 數(shù)據(jù)
    的頭像 發(fā)表于 06-19 15:39 ?268次閱讀
    如何實(shí)現(xiàn)園區(qū)大屏<b class='flag-5'>可視化</b>?

    態(tài)勢(shì)數(shù)據(jù)可視化技術(shù)有哪些

    智慧華盛恒輝態(tài)勢(shì)數(shù)據(jù)可視化技術(shù)是種將數(shù)據(jù)以圖形、圖像、動(dòng)畫等視覺形式展現(xiàn)出來的技術(shù),特別是在處理和分析態(tài)勢(shì)數(shù)據(jù)時(shí),該技術(shù)能夠?qū)?fù)雜的
    的頭像 發(fā)表于 06-11 15:47 ?252次閱讀

    大屏數(shù)據(jù)可視化的作用和意義

    大屏數(shù)據(jù)可視化是指利用大屏幕設(shè)備展示數(shù)據(jù)信息,通過圖表、圖像、動(dòng)畫等視覺手段將數(shù)據(jù)呈現(xiàn)出來,以便用戶能夠直觀、清晰地理解
    的頭像 發(fā)表于 06-03 17:56 ?478次閱讀

    數(shù)據(jù)可視化:企業(yè)數(shù)字建設(shè)效果的呈現(xiàn)

    數(shù)據(jù)可視化即通過圖表的形式將數(shù)據(jù)的內(nèi)在信息有邏輯性地呈現(xiàn)給用戶,使用戶更容易發(fā)現(xiàn)數(shù)據(jù)中蘊(yùn)藏的規(guī)律,找出問題,進(jìn)而做出決策;另方面,
    的頭像 發(fā)表于 04-29 10:18 ?293次閱讀
    <b class='flag-5'>數(shù)據(jù)</b><b class='flag-5'>可視化</b>:企業(yè)數(shù)字<b class='flag-5'>化</b>建設(shè)效果的呈現(xiàn)

    態(tài)勢(shì)數(shù)據(jù)可視化技術(shù)有哪些

    智慧華盛恒輝態(tài)勢(shì)數(shù)據(jù)可視化技術(shù)是種將復(fù)雜、動(dòng)態(tài)的態(tài)勢(shì)數(shù)據(jù)以直觀、易于理解的方式展現(xiàn)出來的技術(shù)手段。以下是幾種主要的態(tài)勢(shì)數(shù)據(jù)
    的頭像 發(fā)表于 04-22 15:17 ?307次閱讀

    鍵生成可視化圖表/大屏 這13款數(shù)據(jù)可視化工具很強(qiáng)大

    前言 數(shù)字經(jīng)濟(jì)時(shí)代,我們每天正在處理海量數(shù)據(jù),對(duì)數(shù)據(jù)可視化軟件的需求變得突出,它可以幫助人們通過模式、趨勢(shì)、儀表板、圖表等視覺輔助工具理解數(shù)據(jù)的重要性。 如果遇到
    的頭像 發(fā)表于 12-19 17:27 ?4450次閱讀
    <b class='flag-5'>一</b>鍵生成<b class='flag-5'>可視化</b>圖表/大屏 這13款<b class='flag-5'>數(shù)據(jù)</b><b class='flag-5'>可視化</b>工具很強(qiáng)大

    Python 使用Dash快速可視化數(shù)據(jù)

    使用python寫的,它主要可以將我們畫出來的數(shù)據(jù)展示在網(wǎng)頁(yè)上。Dash最大的優(yōu)點(diǎn)就是你在生成前端的時(shí)候不需要寫任何javascript代碼(已經(jīng)全在底層封裝好,畫圖特效是react.js寫的,有興趣可以去研究
    的頭像 發(fā)表于 11-02 14:26 ?1669次閱讀
    <b class='flag-5'>Python</b> 使用Dash快速<b class='flag-5'>可視化</b><b class='flag-5'>數(shù)據(jù)</b>

    Python 可視化如何配色

    半。如果沒有良好的審美觀,很容易做出來的東西辣眼睛…… 所以想做好數(shù)據(jù)可視化,就要有合適的配色方案。除了可以借鑒參考配色網(wǎng)站的案例,也可以自己自定義套配色方案。 如何去自定義呢?
    的頭像 發(fā)表于 10-30 15:43 ?421次閱讀
    <b class='flag-5'>Python</b> <b class='flag-5'>可視化</b>如何配色

    使用樹莓派Pico開發(fā)板制作實(shí)時(shí)音頻光譜圖可視化

    本期教程將會(huì)通過使用塊帶有外置數(shù)字麥克風(fēng)和 TFT LCD 顯示屏的樹莓派 Pico 開發(fā)板制作個(gè)實(shí)時(shí)音頻光譜圖可視化器。有了它,你就可
    的頭像 發(fā)表于 10-24 10:49 ?1388次閱讀
    使用樹莓派Pico開發(fā)板<b class='flag-5'>制作</b>實(shí)時(shí)音頻光譜圖<b class='flag-5'>可視化</b>器

    個(gè)非常棒的可視化庫(kù):PyG2Plot

    給大家推薦的這個(gè)開源項(xiàng)目是個(gè)非常棒的可視化庫(kù) -- PyG2Plot 。 PyG2Plot 可視化 這個(gè)Python
    的頭像 發(fā)表于 10-21 11:32 ?1064次閱讀
    <b class='flag-5'>一</b><b class='flag-5'>個(gè)</b>非常棒的<b class='flag-5'>可視化</b>庫(kù):PyG2Plot

    Altair:個(gè)漂亮易用的數(shù)據(jù)可視化庫(kù)

    Altair 是個(gè)基于Jupyter Notebook的強(qiáng)大可視化庫(kù)。它提供了強(qiáng)大而簡(jiǎn)潔的可視化語(yǔ)法,使我們能夠快速構(gòu)建各種統(tǒng)計(jì)可視化圖表
    的頭像 發(fā)表于 10-21 10:43 ?752次閱讀
    Altair:<b class='flag-5'>一</b><b class='flag-5'>個(gè)</b>漂亮易用的<b class='flag-5'>數(shù)據(jù)</b><b class='flag-5'>可視化</b>庫(kù)

    數(shù)據(jù)可視化的應(yīng)用有哪些?#可視化 #光點(diǎn)科技

    數(shù)據(jù)可視化
    光點(diǎn)科技
    發(fā)布于 :2023年10月13日 09:19:27

    數(shù)據(jù)可視化有什么優(yōu)勢(shì)?#可視化 #數(shù)據(jù)可視化 #光點(diǎn)科技

    數(shù)據(jù)可視化
    光點(diǎn)科技
    發(fā)布于 :2023年09月25日 09:50:22