恒美微站 Logo 恒美微站
  • 首页
  • 关于我们
  • 建站服务
  • 主题模板
  • 案例展示
  • 资讯中心
  • 联系我们

实验2 数据看板的设计与实现

  • 首页
  • 资讯中心
  • /
  • 实验2 数据看板的设计与实现

相关资讯

学习Linux 2026/10/22 2:09:54
Ice:把 20 多个图标的 Mac 菜单栏,一键缩回 5 个的开源菜单栏管理工具 2026/10/22 2:09:54
3 行代码拿到通达信行情数据:mootdx 数据获取工具实战 2026/10/22 2:09:54

最新资讯

Spark 参数调优实战:从 spark-submit 到内存与并行度配置
从零跑通SSD训练:Pytorch版VOC数据集实战与避坑指南
Spark参数调优实战:从内存模型到Shuffle性能的全面指南
模块化学习法:把碎片化AI知识拼成可调用的知识骨架
四智能体架构重构IaC交付链路:意图锚定、拓扑生成、安全校验、环境就绪
Keras实现SRGAN:用生成对抗网络做图像超分辨率重建

今日推荐

电商智能运营体系从0到1:架构设计、落地步骤与避坑指南
压缩空气储能与热网热惯性联合优化调度:热电联产系统建模与求解
若依框架AI代码生成不稳定?用Agent Skill三层结构+五步法搞定

本周热门

基于GMM的语音识别系统原理与MATLAB实现详解
数字图像处理入门:反白、灰度化、调色板修改与导出txt实践
机器人大脑技术盘点:具身智能的感知、决策与数据闭环

本月精选

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证
2026 大模型集体涨价:用 Python 做企业 Token 成本测算与选型避坑(附配置)

实验2 数据看板的设计与实现

发布时间:2026/10/22 2:14:54
实验2 数据看板的设计与实现 实验2 数据看板的设计与实现一、实验名称数据看板的设计与实现二、实验学时2~4学时三、实验目的掌握数据看板的基本概念、核心功能与应用场景理解数据可视化了解看板在业务数据分析中的价值。熟悉看板设计原则与布局规范能够根据业务需求规划看板四大模块结构。根据业务数据选择合适可视化图表完成指标卡片、柱状图、饼图、折线图实现。完成从需求分析、版面设计、数据预处理到看板完整落地流程。实现基础动态视觉效果、页面自适应布局完成进阶任务1。四、实验环境硬件计算机、网络环境软件浏览器、PyCharm、Python第三方库Streamlit、Pandas、Plotly五、基础实验任务实现任务1看板需求分析与版面设计业务场景电商销售数据分析。看板划分四大区域数据概览区展示总销售额、总订单量、日均销售额核心指标卡片维度统计区各地区销售额柱状图、产品类别销售额占比饼图趋势分析区每日销售额变化折线图明细数据区展示原始销售明细表格。配色主色调蓝色辅助色橙色页面浅色背景。任务2实验数据准备与预处理使用模拟电商销售数据集sales_data.csv包含日期、地区、产品类别、销售额、订单量字段。数据预处理读取csv将日期转换为时间格式使用dropna剔除空值无效数据。任务3基础可视化图表搭建使用streamlit metric实现核心指标卡片plotly实现柱状图做分类对比、折线图展示时间趋势、饼图展示占比结构共4类可视化组件。任务4静态看板整合实现使用streamlit columns组件进行页面排版layoutwide开启宽屏布局use_container_width实现组件自适应将指标卡片、各类图表、数据表格整合在同一个页面完成静态看板。任务5实验结果验证与总结校验看板展示数据准确性页面布局整洁截图保存看板成果。![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/2195a63cd7124af593d11fb152f534c4.png#pic_center六、进阶实验任务选择完成进阶1进阶1动态视觉效果优化Plotly图表自带hover悬浮提示鼠标悬浮图表节点即可显示对应数据详情通过streamlit宽屏模式与use_container_widthTrue实现组件自适应屏幕分辨率页面不会错位溢出。进阶2、进阶3、所有扩展任务本次实验不做。七、核心源码importstreamlitasstimportpandasaspdimportplotly.expressaspx st.set_page_config(page_title电商销售数据看板,page_icon,layoutwide,initial_sidebar_stateauto)st.title( 电商销售数据看板)st.markdown(---)dfpd.read_csv(sales_data.csv)df[日期]pd.to_datetime(df[日期])dfdf.dropna()total_salesdf[销售额].sum()total_orderdf[订单量].sum()avg_day_salesdf[销售额].mean()col1,col2,col3st.columns(3)withcol1:st.metric(label总销售额,valuef{total_sales:,.2f}元)withcol2:st.metric(label总订单量,valuef{total_order:,}单)withcol3:st.metric(label日均销售额,valuef{avg_day_sales:,.2f}元)st.markdown(---)col_a,col_bst.columns(2)area_salesdf.groupby(地区)[销售额].sum().reset_index()fig_barpx.bar(area_sales,x地区,y销售额,title各地区销售总额对比,color地区)col_a.plotly_chart(fig_bar,use_container_widthTrue)cat_salesdf.groupby(产品类别)[销售额].sum().reset_index()fig_piepx.pie(cat_sales,values销售额,names产品类别,title产品类别销售额占比)col_b.plotly_chart(fig_pie,use_container_widthTrue)st.markdown(---)day_salesdf.groupby(日期)[销售额].sum().reset_index()fig_linepx.line(day_sales,x日期,y销售额,title每日销售额变化趋势,markersTrue)st.plotly_chart(fig_line,use_container_widthTrue)st.markdown(---)st.subheader( 销售原始明细数据表)st.dataframe(df,use_container_widthTrue)

关于恒美微站

恒美微站专注于为个体商户、工作室提供极简自助建站服务,让每个人都能轻松拥有专业网站。

快速链接

  • 关于我们
  • 建站服务
  • 主题模板
  • 案例展示
  • 资讯中心

服务项目

  • 可视化建站
  • 拖拽编辑
  • 主题定制
  • SEO 优化
  • 网站托管

联系方式

  • 📍 地址:北京市朝阳区建国路 88 号
  • 📞 电话:400-888-8888
  • ✉️ 邮箱:info@hmyw.cn
  • 🕐 时间:周一至周日 9:00-18:00

© 2024 恒美微站 hmyw.cn 版权所有 | 京 ICP 备 12345678 号