一、实验目的本实验依托前序《浏览器市场与用户画像分析-数据加工》实验产出的各类统计数据表借助助睿Max数据大屏工具完成浏览器市场行为分析可视化大屏的搭建与制作。通过本次实验能够熟练掌握数据可视化大屏的完整搭建流程具体习得核心能力如下结合实际业务分析问题完成大屏整体布局规划与适配的数据图表选型熟练将前期清洗、聚合完成的业务数据表接入可视化平台实现数据联动展示独立制作可交互、可视化效果完整的数据大屏并基于大屏展示数据提炼有效的业务分析结论。2 实验环境实验平台助睿在线实验平台本次实验使用助睿数智Uniplore作为一站式数据科学平台。该平台覆盖从数据接入、ETL处理、机器学习建模到可视化展示的全链路零代码功能适用于数据分析教学与企业数据加工场景。可视化工具助睿Max数据大屏三、实验数据本次实验无需重新处理数据直接复用上一实验已加工完成的大屏一市场行为分析目标聚合数据表围绕浏览器行业核心维度聚焦浏览器市场格局、用户使用行为、时段使用偏好、产品竞争关系四大核心方向开展可视化分析。各模块指标、展示组件及关联数据表明细如下模块子模块指标项组件关联数据表备注数据概览浏览器市场总使用时长指标卡browser_coverage所有用户累计使用时长小时人均使用时长指标卡browser_coverage总使用时长 / 覆盖用户数小时/周活跃用户占比指标卡browser_coverage周活跃用户数 / 覆盖用户数重度用户占比指标卡browser_frequency_stats使用时长10小时/周的用户占比市场格局用户规模用户数柱状图browser_coverage展示6个浏览器用户数使用规模使用时长饼图browser_coverage展示各浏览器使用时长占比使用粘性人均使用时长柱状图browser_coverage-用户行为时间趋势周活跃趋势折线图browser_weekly_active展示第1-4周各浏览器活跃用户数变化使用习惯使用频率分布堆叠柱状图browser_frequency_stats轻/中/重度用户在各浏览器的占比时段偏好全天时段24小时活跃分布折线图browser_hourlyX轴为小时Y轴为活跃用户数不同颜色代表不同浏览器用户行为周内对比工作日vs周末使用时长分组柱状图daily_browser_detail对比工作日和周末的浏览器使用时长差异竞争关系使用数量浏览器使用数量分布饼图browser_multi_usage展示用户使用1种/2种/3种及以上浏览器的比例四、整体分析框架4.1 核心业务分析问题本次大屏搭建围绕浏览器行业运营分析的核心业务痛点设计通过可视化图表直观解答各类业务问题实现数据赋能业务分析具体对应关系如下核心业务问题对应分析维度哪个浏览器用户数量最多哪个浏览器用户使用时长最长市场格局分析用户整体活跃度呈现增长还是下降趋势周活跃趋势分析用户使用浏览器的活跃高峰时段是什么时候时段偏好分析用户对浏览器属于重度使用还是偶尔使用使用频率分析用户日常会同时使用几款浏览器产品浏览器使用数量分布分析主力浏览器用户还会使用哪些竞品浏览器竞品重叠、竞争关系分析用户工作日与周末的浏览器使用习惯是否存在差异工作日vs周末使用对比分析4.2 大屏设计原则本次数据大屏遵循标准化、可视化、业务化的设计思路整体逻辑清晰、层级分明具体设计原则如下叙事逻辑清晰严格按照从上至下、从左至右的浏览顺序设计遵循“先整体概况、后局部细节先趋势分析、后数据拆解”的叙事逻辑符合用户阅读习惯。核心指标突出在大屏顶部核心位置放置数据概览指标卡集中展示总使用时长、人均使用时长、活跃及重度用户占比等核心关键数据直观呈现整体业务概况。图表适配数据根据不同数据特性匹配对应图表类型趋势类数据使用折线图、对比类数据使用柱状图/分组柱状图、占比分布类数据使用饼图保证数据展示直观易懂。视觉统一规范为6款主流浏览器设置固定专属配色IE蓝、Chrome红、360绿等全程统一色系降低视觉识别成本提升大屏美观度。支持交互操作配置浏览器筛选功能支持查看全部浏览器数据或单一浏览器细分数据满足多维度精细化分析需求。4.3 大屏布局草图本次大屏布局参考标准可视化大屏版式设计整体分区规整、模块独立各分析模块分区排布兼顾美观性与实用性具体布局参考官方示范草图及成品展示效果。五、实验步骤登录助睿在线实验平台后点击平台左侧菜单栏“数据大屏”选项即可进入助睿数据大屏可视化子平台。该平台是低代码可视化搭建工具无需编程通过拖拽式操作即可制作专业数据大屏适用于业务监控、数据展览、趋势分析等多种场景具备丰富组件库、多数据源适配、自定义样式、蓝图高级等核心能力广泛应用于各行业数据分析场景。5.1 新建空白数据大屏进入数据大屏平台点击页面“新建”按钮选择“新建大屏”功能在模板选择界面选用“空白模板”自定义大屏搭建画布在名称输入框中填写大屏名称“市场分析”点击下一步系统自动跳转至大屏制作界面完成大屏初始化创建。5.2 大屏基础样式设置5.2.1 背景样式设置大屏所有素材图片均通过oss-browser存储调用本次实验所需素材链接已统一整理可直接复用。进入大屏页面后右侧为页面设置面板默认画布尺寸为1920×1080可根据展示设备灵活调整。复制指定背景图链接粘贴至“背景图片”输入框替换默认背景其余页面参数保持默认即可完成大屏整体背景设置。5.2.2 顶部标题设置在左侧组件列表中找到“媒体”分类添加“单张图片”组件至画布右键将组件重命名为“标题banner”选中组件在右侧基础属性面板调整图片长宽、位置等参数复制官方指定标题图片链接替换组件默认图片资源完成设置后点击保存可随时点击预览按钮查看标题展示效果确保样式合规、显示正常。5.2.3 导航跳转设置为实现多屏联动跳转本次实验配置双大屏导航按钮具体操作如下添加“单张图片”组件重命名为“市场分析按钮背景”粘贴导航背景图片链接调整组件大小与位置在左侧文字组件中添加“通用标题”重命名为“市场分析”匹配背景组件的尺寸与位置修改标题文字、字体、字号及颜色刷新数据完成文字渲染点开文本样式可以设置字体、字号、颜色和粗细完成效果如下复制整套导航组件分别重命名为“用户画像按钮背景”和“用户画像”调整横坐标位置修改文字内容与样式区分当前页面选中状态与其他页面未选中状态刷新组件数据保存并预览效果最后选中所有顶部标题、导航组件右键选择“成组”命名为“顶部”方便后期统一管理。5.3 内容布局与各模块样式搭建根据大屏布局草图及参考效果图依次搭建各个数据模块每个模块统一采用「区域背景图标题背景图通用标题数据图表」的组合形式保证整体版式统一。5.3.1 浏览器用户数模块制作添加单张图片组件作为模块区域背景调整尺寸位置粘贴对应背景链接再次添加单张图片组件作为短标题背景适配模块布局添加通用标题组件设置标题为“浏览器用户数”调整对齐方式、字体样式选取“基础柱状图”组件重命名为“浏览器用户数柱状图”调整图表大小位置开启图例居中展示微调图表边距优化展示效果将该模块所有组件编组命名为“浏览器用户数”保存当前页面设置预览5.3.2 浏览器使用时长占比模块制作复制“浏览器用户数”整体组件组重命名为“浏览器使用时长”拖拽至指定布局位置刷新组件数据避免内容空白修改模块通用标题为“浏览器使用时长”删除原有柱状图组件添加“多维度饼图”组件调整大小位置取消饼图外圈展示开启类目标签显示为6款浏览器依次配置专属色值统一视觉规范将饼图纳入组件组后保存设置。5.3.3 浏览器人均使用时长模块制作复制已有模块组件组重命名为“浏览器人均使用时长”调整摆放位置刷新数据修改模块标题内容保留原有柱状图组件并完成重命名微调图表样式、边距保证整体版式协调统一保存模块设置。5.3.4 数据概览指标区制作复制基础模块组件组重命名为“数据概览”调整整体组件尺寸替换长款标题背景图修改模块标题删除原有柱状图组件添加装饰图标图片组件配置对应图标素材链接添加数据翻牌器组件分别搭建总使用时长、人均使用时长、活跃用户占比、重度用户占比四大指标卡逐一修改标题、后缀、字体样式及对齐方式总使用时长配置如下之后其他指标卡替换对应指标图标素材微调所有指标卡位置将各指标组件分别编组完成数据概览区域搭建。5.3.5 工作日vs周末使用时长模块制作复制基础模块组件组重命名为“周内对比”调整布局位置、刷新数据替换长款标题背景图修改模块标题为“工作日vs周末使用时长”删除原有图表添加“分组柱状图”组件调整尺寸与样式自定义系列柱图颜色完成模块样式优化并保存其他样式参考5.3.6 24小时活跃用户数分布模块制作复制周内对比模块组件组重命名为“24小时活跃分布”整摆放位置并刷新数据修改模块标题为“24小时活跃用户数分布”删除原有分组柱状图添加区域图组件参考规范色值调整图表样式优化可视化展示效果保存设置。5.3.7 浏览器周活跃用户数变化模块制作复制已有模块组件组重命名并调整布局位置修改模块标题替换为对应趋势图表组件微调样式参数完成周活跃趋势可视化模块搭建。5.3.8 浏览器使用频率分布模块制作复制基础模块组件组重命名为“使用频率分布”调整位置与标题将图表替换为垂直基本柱图适配使用频率数据展示需求优化样式后保存。5.3.9 浏览器使用数量分布模块制作复制上一模块组件组重命名为“浏览器使用数量分布”修改标题与布局位置替换为基本饼图组件调整饼图展示样式完成竞争关系模块搭建。所有模块搭建、样式调整完成后整体保存大屏设置预览完整大屏展示效果完成本次静态大屏布局全部操作后续可通过蓝图器完成数据接入与动态联动。六、实验总结6.1 实验收获可视化大屏搭建全流程掌控本次实验完成了从空白数据大屏创建到样式美化、布局排版、图表配置、组件管理的全流程操作熟练掌握助睿 Max 数据大屏拖拽式搭建方法。掌握了空白大屏初始化、素材资源配置、组件重命名与编组、样式微调等基础操作具备独立制作可视化大屏的核心能力。图表与业务数据适配逻辑深化深入理解不同数据维度对应的可视化图表选型规则明确趋势类数据折线图 / 区域图、占比类数据饼图、对比类数据柱状图 / 分组柱状图、指标类数据指标卡 / 数据翻牌器的适配场景。结合浏览器市场分析业务需求能够根据核心业务问题如市场格局、时段偏好、竞争关系分析等合理搭配图表让数据展示精准贴合业务分析诉求。规范化大屏设计思维建立掌握 “先整体后局部、先趋势后细节” 的大屏设计逻辑学会统一大屏配色、版式、组件样式兼顾可视化作品的美观性、逻辑性与实用性。同时了解大屏交互设计基础思路如筛选功能配置、多屏联动导航设置等形成标准化的大屏设计思维。6.2 实验平台整体评价助睿数智Uniplore一站式大数据智能服务平台高度适配数据分析教学实训场景兼具实用性与易用性是数据分析初学者入门的优质工具核心优势如下低门槛易上手采用零代码、拖拽式操作模式无需编程基础即可完成可视化大屏搭建大幅降低操作门槛上手速度快。功能体系完整覆盖数据接入、ETL 处理、AI 建模、可视化展示全链路功能组件库丰富含常规图表、可视化素材、交互组件等可满足多样化数据分析与大屏制作需求支持自定义样式、素材导入、组件编组、交互筛选等功能兼顾基础教学与进阶实操。操作体验优异界面简洁清晰、功能分区明确操作逻辑贴合用户习惯组件复用、一键刷新、编组管理等功能简化大屏制作流程提升实验效率平台稳定性良好可顺畅支撑教学实训、数据加工、可视化分析等场景既满足课堂实验需求也贴合企业基础数据可视化实操场景教学实用性与落地性兼备。
ETL浏览器市场分析-大屏静态布局制作
一、实验目的本实验依托前序《浏览器市场与用户画像分析-数据加工》实验产出的各类统计数据表借助助睿Max数据大屏工具完成浏览器市场行为分析可视化大屏的搭建与制作。通过本次实验能够熟练掌握数据可视化大屏的完整搭建流程具体习得核心能力如下结合实际业务分析问题完成大屏整体布局规划与适配的数据图表选型熟练将前期清洗、聚合完成的业务数据表接入可视化平台实现数据联动展示独立制作可交互、可视化效果完整的数据大屏并基于大屏展示数据提炼有效的业务分析结论。2 实验环境实验平台助睿在线实验平台本次实验使用助睿数智Uniplore作为一站式数据科学平台。该平台覆盖从数据接入、ETL处理、机器学习建模到可视化展示的全链路零代码功能适用于数据分析教学与企业数据加工场景。可视化工具助睿Max数据大屏三、实验数据本次实验无需重新处理数据直接复用上一实验已加工完成的大屏一市场行为分析目标聚合数据表围绕浏览器行业核心维度聚焦浏览器市场格局、用户使用行为、时段使用偏好、产品竞争关系四大核心方向开展可视化分析。各模块指标、展示组件及关联数据表明细如下模块子模块指标项组件关联数据表备注数据概览浏览器市场总使用时长指标卡browser_coverage所有用户累计使用时长小时人均使用时长指标卡browser_coverage总使用时长 / 覆盖用户数小时/周活跃用户占比指标卡browser_coverage周活跃用户数 / 覆盖用户数重度用户占比指标卡browser_frequency_stats使用时长10小时/周的用户占比市场格局用户规模用户数柱状图browser_coverage展示6个浏览器用户数使用规模使用时长饼图browser_coverage展示各浏览器使用时长占比使用粘性人均使用时长柱状图browser_coverage-用户行为时间趋势周活跃趋势折线图browser_weekly_active展示第1-4周各浏览器活跃用户数变化使用习惯使用频率分布堆叠柱状图browser_frequency_stats轻/中/重度用户在各浏览器的占比时段偏好全天时段24小时活跃分布折线图browser_hourlyX轴为小时Y轴为活跃用户数不同颜色代表不同浏览器用户行为周内对比工作日vs周末使用时长分组柱状图daily_browser_detail对比工作日和周末的浏览器使用时长差异竞争关系使用数量浏览器使用数量分布饼图browser_multi_usage展示用户使用1种/2种/3种及以上浏览器的比例四、整体分析框架4.1 核心业务分析问题本次大屏搭建围绕浏览器行业运营分析的核心业务痛点设计通过可视化图表直观解答各类业务问题实现数据赋能业务分析具体对应关系如下核心业务问题对应分析维度哪个浏览器用户数量最多哪个浏览器用户使用时长最长市场格局分析用户整体活跃度呈现增长还是下降趋势周活跃趋势分析用户使用浏览器的活跃高峰时段是什么时候时段偏好分析用户对浏览器属于重度使用还是偶尔使用使用频率分析用户日常会同时使用几款浏览器产品浏览器使用数量分布分析主力浏览器用户还会使用哪些竞品浏览器竞品重叠、竞争关系分析用户工作日与周末的浏览器使用习惯是否存在差异工作日vs周末使用对比分析4.2 大屏设计原则本次数据大屏遵循标准化、可视化、业务化的设计思路整体逻辑清晰、层级分明具体设计原则如下叙事逻辑清晰严格按照从上至下、从左至右的浏览顺序设计遵循“先整体概况、后局部细节先趋势分析、后数据拆解”的叙事逻辑符合用户阅读习惯。核心指标突出在大屏顶部核心位置放置数据概览指标卡集中展示总使用时长、人均使用时长、活跃及重度用户占比等核心关键数据直观呈现整体业务概况。图表适配数据根据不同数据特性匹配对应图表类型趋势类数据使用折线图、对比类数据使用柱状图/分组柱状图、占比分布类数据使用饼图保证数据展示直观易懂。视觉统一规范为6款主流浏览器设置固定专属配色IE蓝、Chrome红、360绿等全程统一色系降低视觉识别成本提升大屏美观度。支持交互操作配置浏览器筛选功能支持查看全部浏览器数据或单一浏览器细分数据满足多维度精细化分析需求。4.3 大屏布局草图本次大屏布局参考标准可视化大屏版式设计整体分区规整、模块独立各分析模块分区排布兼顾美观性与实用性具体布局参考官方示范草图及成品展示效果。五、实验步骤登录助睿在线实验平台后点击平台左侧菜单栏“数据大屏”选项即可进入助睿数据大屏可视化子平台。该平台是低代码可视化搭建工具无需编程通过拖拽式操作即可制作专业数据大屏适用于业务监控、数据展览、趋势分析等多种场景具备丰富组件库、多数据源适配、自定义样式、蓝图高级等核心能力广泛应用于各行业数据分析场景。5.1 新建空白数据大屏进入数据大屏平台点击页面“新建”按钮选择“新建大屏”功能在模板选择界面选用“空白模板”自定义大屏搭建画布在名称输入框中填写大屏名称“市场分析”点击下一步系统自动跳转至大屏制作界面完成大屏初始化创建。5.2 大屏基础样式设置5.2.1 背景样式设置大屏所有素材图片均通过oss-browser存储调用本次实验所需素材链接已统一整理可直接复用。进入大屏页面后右侧为页面设置面板默认画布尺寸为1920×1080可根据展示设备灵活调整。复制指定背景图链接粘贴至“背景图片”输入框替换默认背景其余页面参数保持默认即可完成大屏整体背景设置。5.2.2 顶部标题设置在左侧组件列表中找到“媒体”分类添加“单张图片”组件至画布右键将组件重命名为“标题banner”选中组件在右侧基础属性面板调整图片长宽、位置等参数复制官方指定标题图片链接替换组件默认图片资源完成设置后点击保存可随时点击预览按钮查看标题展示效果确保样式合规、显示正常。5.2.3 导航跳转设置为实现多屏联动跳转本次实验配置双大屏导航按钮具体操作如下添加“单张图片”组件重命名为“市场分析按钮背景”粘贴导航背景图片链接调整组件大小与位置在左侧文字组件中添加“通用标题”重命名为“市场分析”匹配背景组件的尺寸与位置修改标题文字、字体、字号及颜色刷新数据完成文字渲染点开文本样式可以设置字体、字号、颜色和粗细完成效果如下复制整套导航组件分别重命名为“用户画像按钮背景”和“用户画像”调整横坐标位置修改文字内容与样式区分当前页面选中状态与其他页面未选中状态刷新组件数据保存并预览效果最后选中所有顶部标题、导航组件右键选择“成组”命名为“顶部”方便后期统一管理。5.3 内容布局与各模块样式搭建根据大屏布局草图及参考效果图依次搭建各个数据模块每个模块统一采用「区域背景图标题背景图通用标题数据图表」的组合形式保证整体版式统一。5.3.1 浏览器用户数模块制作添加单张图片组件作为模块区域背景调整尺寸位置粘贴对应背景链接再次添加单张图片组件作为短标题背景适配模块布局添加通用标题组件设置标题为“浏览器用户数”调整对齐方式、字体样式选取“基础柱状图”组件重命名为“浏览器用户数柱状图”调整图表大小位置开启图例居中展示微调图表边距优化展示效果将该模块所有组件编组命名为“浏览器用户数”保存当前页面设置预览5.3.2 浏览器使用时长占比模块制作复制“浏览器用户数”整体组件组重命名为“浏览器使用时长”拖拽至指定布局位置刷新组件数据避免内容空白修改模块通用标题为“浏览器使用时长”删除原有柱状图组件添加“多维度饼图”组件调整大小位置取消饼图外圈展示开启类目标签显示为6款浏览器依次配置专属色值统一视觉规范将饼图纳入组件组后保存设置。5.3.3 浏览器人均使用时长模块制作复制已有模块组件组重命名为“浏览器人均使用时长”调整摆放位置刷新数据修改模块标题内容保留原有柱状图组件并完成重命名微调图表样式、边距保证整体版式协调统一保存模块设置。5.3.4 数据概览指标区制作复制基础模块组件组重命名为“数据概览”调整整体组件尺寸替换长款标题背景图修改模块标题删除原有柱状图组件添加装饰图标图片组件配置对应图标素材链接添加数据翻牌器组件分别搭建总使用时长、人均使用时长、活跃用户占比、重度用户占比四大指标卡逐一修改标题、后缀、字体样式及对齐方式总使用时长配置如下之后其他指标卡替换对应指标图标素材微调所有指标卡位置将各指标组件分别编组完成数据概览区域搭建。5.3.5 工作日vs周末使用时长模块制作复制基础模块组件组重命名为“周内对比”调整布局位置、刷新数据替换长款标题背景图修改模块标题为“工作日vs周末使用时长”删除原有图表添加“分组柱状图”组件调整尺寸与样式自定义系列柱图颜色完成模块样式优化并保存其他样式参考5.3.6 24小时活跃用户数分布模块制作复制周内对比模块组件组重命名为“24小时活跃分布”整摆放位置并刷新数据修改模块标题为“24小时活跃用户数分布”删除原有分组柱状图添加区域图组件参考规范色值调整图表样式优化可视化展示效果保存设置。5.3.7 浏览器周活跃用户数变化模块制作复制已有模块组件组重命名并调整布局位置修改模块标题替换为对应趋势图表组件微调样式参数完成周活跃趋势可视化模块搭建。5.3.8 浏览器使用频率分布模块制作复制基础模块组件组重命名为“使用频率分布”调整位置与标题将图表替换为垂直基本柱图适配使用频率数据展示需求优化样式后保存。5.3.9 浏览器使用数量分布模块制作复制上一模块组件组重命名为“浏览器使用数量分布”修改标题与布局位置替换为基本饼图组件调整饼图展示样式完成竞争关系模块搭建。所有模块搭建、样式调整完成后整体保存大屏设置预览完整大屏展示效果完成本次静态大屏布局全部操作后续可通过蓝图器完成数据接入与动态联动。六、实验总结6.1 实验收获可视化大屏搭建全流程掌控本次实验完成了从空白数据大屏创建到样式美化、布局排版、图表配置、组件管理的全流程操作熟练掌握助睿 Max 数据大屏拖拽式搭建方法。掌握了空白大屏初始化、素材资源配置、组件重命名与编组、样式微调等基础操作具备独立制作可视化大屏的核心能力。图表与业务数据适配逻辑深化深入理解不同数据维度对应的可视化图表选型规则明确趋势类数据折线图 / 区域图、占比类数据饼图、对比类数据柱状图 / 分组柱状图、指标类数据指标卡 / 数据翻牌器的适配场景。结合浏览器市场分析业务需求能够根据核心业务问题如市场格局、时段偏好、竞争关系分析等合理搭配图表让数据展示精准贴合业务分析诉求。规范化大屏设计思维建立掌握 “先整体后局部、先趋势后细节” 的大屏设计逻辑学会统一大屏配色、版式、组件样式兼顾可视化作品的美观性、逻辑性与实用性。同时了解大屏交互设计基础思路如筛选功能配置、多屏联动导航设置等形成标准化的大屏设计思维。6.2 实验平台整体评价助睿数智Uniplore一站式大数据智能服务平台高度适配数据分析教学实训场景兼具实用性与易用性是数据分析初学者入门的优质工具核心优势如下低门槛易上手采用零代码、拖拽式操作模式无需编程基础即可完成可视化大屏搭建大幅降低操作门槛上手速度快。功能体系完整覆盖数据接入、ETL 处理、AI 建模、可视化展示全链路功能组件库丰富含常规图表、可视化素材、交互组件等可满足多样化数据分析与大屏制作需求支持自定义样式、素材导入、组件编组、交互筛选等功能兼顾基础教学与进阶实操。操作体验优异界面简洁清晰、功能分区明确操作逻辑贴合用户习惯组件复用、一键刷新、编组管理等功能简化大屏制作流程提升实验效率平台稳定性良好可顺畅支撑教学实训、数据加工、可视化分析等场景既满足课堂实验需求也贴合企业基础数据可视化实操场景教学实用性与落地性兼备。
