大数据可视化·期末复习

已于 2024-07-01 20:45:28 修改
阅读量687 收藏 20
点赞数 18
文章标签： 信息可视化
于 2024-07-01 19:45:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_73693331/article/details/140108420
版权

历史测试·（可视化往年例题）

  • 选择题（每题2分，共40分）
  1. 下列（   ）不包含结构化数据。

A．数据库表         B.  电影视频        C.  Excel表格                D. 网页表单

  1. 下面不是暖色的是（    ）。

A．红                  B. 橙                      C. 浅蓝                      D. 紫

  1. 下面不是大数据分析算法的是（    ）。

A．机器学习      B. 聚类               C.  关联                     D. 转换

  1. 小王在界面上设计了很多图表，能够显示很多统计结果，用处比较大，设计也很美观，用户对此并不满意，认为没有突出主题，可能是因为不符合可视化设计的（        ）标准。

A. 表达力强       B. 有效性强       C.  简洁易用                D. 有美感

  1. Excel中对某个表格的某个位置进行了引用（比如：=A3），纵向拖动行号不会进行自动扩展的是（    ）。

A. =A3              B.  =$A3        C.  =A$3                    D. =B4

  1. 下面（    ）可以用来表示连续数据的变化状态。

A. 柱状图        B.  折线图         C.  堆积图                    D. 饼图

  1. Excel中，需要对D3到F6之间所有的单元格求和，下面正确的是（    ）。

A. =sum(D1:F3)   B. =sum(D3:F6)   C. =sum(D3, F6)      D. =sum(D3; F6)

  1. 下面（    ）不是eChartst图表的主要组成部分（大小写不区分）。

A. toolbarname    B. grid              C. title                        D. xAxis

  1. eCharts饼图中，不需要进行配置的部分是（）。

A． x轴              B．数据系列               C．数据                     D．图例

  1. eCharts散点图中，采用“symbolSize: function (data) {}”的方法控制图上点的大小，这是采用了（）的方式。

A．成员函数           B．调用函数             C．回调函数       D．类函数

  1. 下面做法中正确的是（）。

A．在一个饼图中用不同颜色表示不同类型，不同个数的多组数据

B．在一个柱状图中显示两组不同个数，不同类别的数据

C．在不改变x轴label的情况下，散点图x轴默认的意义是数据类别

D．一个线状图可以用来表示相同类型的两组数据

  1. 设置eCharts散点图的数据如下：

[[1,1], [1,2],[1,3]];

有如下代码：

symbolSize: function (data){

                return data[0]

}

以上代码的运行效果是（）。

A．数据离散分布在同一条竖线上；数据点大小一样；

B．数据离散分布在同一条横线上；数据点大小一样；

C．数据离散分布在同一条竖线上；数据点大小不一样；

D．数据离散分布在同一条横线上；数据点大小不一样。

  1. Javascript中，有：var data = [3,  {A: 1, B: 2, C: 3},  {A: 4, B: 5, C：{C: 6}}]，则data[2].C是（）。

A. {C: 6}            B. {A: 1, B: 2, C: 3}   C. {A: 1, B: 2, {C: 3}}  D. 3

  1. 在BS架构（网站）的信息系统中，前端浏览器通过（）协议与后端服务端进行交互。

A．HTTP               B.  Web Server              C.  JSON                  D. Ajax

  1. 前端表单请求的url是：“<form action = "http://127.0.0.1:5000/cmd" method = "post">”下面哪个能够正常相应前端表单的请求。

A．@app.route('/cmd:5000')

B.  @app.route('/127.0.0.1/cmd')

C.  @app.route('/cmd',  methods=['GET'])

D.  @app.route('/cmd',  methods=[ 'POST'])

  1. 需要在后台动态改变返回前台的eCharts图表的标题（title），需要（    ）。

A．在相应route函数中采用return返回eCharts图表的标题

B.  在模板文件head标签中，定义变量{{title}}

C.  在模板文件head标签中，定义eCharts图表标题的字符串

D.  在模板文件head标签中，定义eCharts图表标题的变量，并在渲染函数(render_template)中对变量进行赋值

  1. flask模板文件中，数组变量Arr的定义正确的是（    ）。
    1. {{Arr}}            B. {{Arr|safe}}               C. {{Arr[]}}             D. {[Arr]}
  2. 下面（    ）与前后端分离的Web开发模式无关。

A. Ajax                    B. sprintboot                   C. Restful                    D. MyBatis

  1. 在Tableau中导入不同学生的学院、姓名、年龄如下：

电信学院

张三

17

电信学院

李四

18

艺术学院

王五

19

轨道学院

卢六

17

音乐学院

刘七

18

音乐学院

赵八

19

如果需要将学院类型进行分类显示，即，将电信学院和轨道学院显示为“工科学院”，将艺术学院和音乐学院显示为“文科学院”，那么可以采用（）方法。

A. 分类                  B. 分级                  C. 分组                  D. 自动分组

  1. 用Tableau实现学生姓名、年龄表格的可视化，那么下面正确的是（）。

A．姓名和年龄都是维度

B．姓名和年龄都是度量

C．姓名是维度，年龄是度量

D．姓名是度量，年龄是维度

二、根据要求，完成下列各题（21题20分，22题30分，每问10分；23题10分；共60分）

  1. 根据提供的Excel表格，完成下面任务：

（1）生成柱状图，统计三个班级的平均成绩；

（2）生成饼图，统计每个班级人数在所有学生人数中的占比。

要求：在同一个表单（sheet）中生成图表，并提交电子档Excel文件。

  1. 根据提供的Excel表格，完成下列任务：

（1）用eCharts编写网页，绘制折线图，横轴显示基金名称、纵轴表示基金的净值；

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="echarts.js"></script>
</head>
<body>
    <div id="lineChart" style="width: 600px;height:400px;"></div>
    <script>
        var myChart = echarts.init(document.getElementById('lineChart'));
        var option = {
            xAxis: {
                type: 'category',
                data: ['基金1', '基金2', '基金3']
            },
            yAxis: {
                type: 'value'
            },
            series: [{
                data: [820, 932, 901],
                type: 'line'
            }]
        };
        myChart.setOption(option);
    </script>
</body>
</html>

（2）用eCharts编写网页，绘制饼图，统计各基金净值在所有基金净值总和中的占比；

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="echarts.js"></script>
</head>
<body>
    <div id="pieChart" style="width: 600px;height:400px;"></div>
    <script>
        var myChart = echarts.init(document.getElementById('pieChart'));
        var option = {
            series: [{
                name: '净值占比',
                type: 'pie',
                radius: '50%',
                data: [
                    {value: 820, name: '基金1'},
                    {value: 932, name: '基金2'},
                    {value: 901, name: '基金3'}
                ]
            }]
        };
        myChart.setOption(option);
    </script>
</body>
</html>

（3）采用Tableau，生成柱状图，横轴显示基金名称、纵轴表示基金的净值。

要求：编写网页时，须提交电子档html和js（如果有js的话）文件；Tableau可视化提供生成图表后的界面截图。

提示：

图表变量 = echarts.init(document.getElementById(..));

参数变量 = {   legend: { data: [.. , ..] },

xAxis: { type: 'value/category' , data: [.. , ..]},

yAxis: {type: 'value/category',  data: [.. , ..] },

series: [

                {

                        name: '..', 

                        type: 'bar/line/scatter/pie',

                        data: [.. , ..] / [{ name: '..',  value: '..'}, ..]/ [[.. , ..],[ .. , ..], ..]

} 

                                                ]};

图表变量.setOption(参数变量);

  1. 读取Excel数据表格，结合flask，按要求生成图表：
  1. 前台表单中包括图表显示框和提交按钮，用户在浏览器地址栏中输入默认地址http://127.0.0.1：5000/时，读取csv表格，以柱状图显示六种产品的净值，横轴代表产品的名称，纵轴代表产品的净值；
  2. 点击提交，则读取csv表格，并在前端网页上以柱状图的形式，显示富荣基金的三种产品的净值，横轴代表产品的名称，纵轴代表产品的净值。

要求：提交电子档html、js（如果有js的话）和python源代码文件。

基础操作题准备练习

用ECharts编写网页：

网页代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <!-- 自适应布局 定义宽度为设备宽度 -->
    <!-- <meta name="viewport" content="width=device-width, initial-scale=2.0"> -->
    <title>样例网页</title>
    <script src="draw.js"></script>
    <style>
        .box {
            width:1000px;
            height: 600px;
            /*根据屏幕实际大小设置合适值 */
            border: 1px solid black;
            background: rgba(179, 40, 40, 0.1);
        }
    </style>
</head>
<body>
    <div class="box" id='g1'></div>
    <script>
        draw('g1');
    </script>
</body>
</html>

绘图：

柱状图 折现图 点状图 饼图

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <!-- 引入 echarts.js -->
    <script src="echarts.js"></script>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 600px;height:400px;"></div>
    <div id="main2" style="width: 600px;height:400px;"></div>
    <script>
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        // 指定图表的配置项和数据
        var option = {
            title: {
                text: '我的第一幅ECharts可视化图'
            },
            tooltip: {},
            legend: {
                data:['各产品销量情况']
            },
            xAxis: {
                data: ["产品A","产品B","产品C","产品D","产品E"]
            },
            yAxis: {},
            series: [{
                name: '销量',
                // type: 'bar', //柱状图
                // type: 'line', //折线图
                type:'scatter',  //点图
                data: [900, 700, 550, 1000, 200]
            }]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
    <script>
    var myChart = echarts.init(document.getElementById('main2'));
    var option = {
        title: {
            text: '各商品销量占比',
            subtext: 'A商场情况分析',
            left: 'center'
        },
        tooltip: {
            trigger: 'item',
        },
        legend: {
            orient: 'vertical',//垂直排列
            left: 'left',
            data: ['A商品', 'B商品', 'C商品', 'D商品',]
        },
        series: [{
            name: '所售商品',
            type: 'pie',
            label: {
                show: true,
                formatter: '{b} : ({d}%)',
                position: 'inside'
            },
            data: [
                { value: 343, name: 'A商品' },
                { value: 250, name: 'B商品' },
                { value: 509, name: 'C商品' },
                { value: 108, name: 'D商品' },
            ],
        },]
    };
    myChart.setOption(option);
</script>
</body>
</html>



 

饼图基础代码

<script>
    var myChart = echarts.init(document.getElementById('main2'));
    var option = {
        series: [{
            name: '所售商品',
            type: 'pie',//饼图
            data: [
                { value: 343, name: 'A商品' },
                { value: 250, name: 'B商品' },
                { value: 509, name: 'C商品' },
                { value: 108, name: 'D商品' },
            ],
        },]
    };
    myChart.setOption(option);
</script>

Flask 部分：

.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box{
            width: 500px;
            height :280px;
            border: 1px solid black;
            /* display: inline-block; */
            /* margin: auto; */
            text-align: left;
            word-wrap:break-word;
        }
    </style>
    <script src="jquery-3.6.0.js"></script>
    <script src="echarts（5.3）.js"></script>
</head>
<body>
    <!-- form submit -->
    <div class="box" id="showarea"></div>
    <input id="button1" type="button" value="Get JSON">
    
        <script>
        $(document).ready(
            function(){
                console.log('ready!!!');
            }
        );

        // Get 自行构建URL
        $("#button1").click(
            function(){
                $.get("http://127.0.0.1:5000/gendataget", 
                    {"dataname": $("#datanameinput").val(), "datanum": $("#datanuminput").val()}, 
                    function(data){
                        httpbackstr(data);
                    }
                );
            }
        );

        function httpbackstr(param){
            var jsstruct = JSON.parse(param);
            console.log(jsstruct);
            showBar("showarea", jsstruct["xarr"], jsstruct["yarr"]);
        }

        function showBar(graphId, xarr, yarr){
            var myChart = echarts.init(document.getElementById(graphId));

            var option = {
                yAxis: { type: 'value' },
                xAxis: { type: 'category' , 
                        data: xarr},
                series: [{
                        name: '数据',
                        type: 'line',
                        data: yarr,
                        barWidth: '60%'}]
            };
            myChart.setOption(option);
        }
    </script>
</body>
</html>

.py文件

from flask import Flask
from flask_cors import *
import json,sys
import numpy as np
import pandas as pd 
app = Flask(__name__)
CORS(app)
# 传统表单通信
# http://127.0.0.1:5000/formlogin?username=ffff&password=wwwww
@app.route('/gendataget', methods=['GET'])
def gendataget():
    path=sys.path[0]   #当前文件路径
    print(path)
    df = pd.read_csv(path+"\\data.csv", header=0)
    print(df)
    xarr = df.iloc[:, 0].to_list()
    yarr = df.iloc[:, 1].to_list()
    return gendata(xarr, yarr)
def gendata(xarr, yarr):
    newdict = {
        "xarr": xarr,
        "yarr": yarr
    }
    jsonstr = json.dumps(newdict)
    print(jsonstr)
    return jsonstr
if __name__=="__main__":
    print('flask running')
    app.run(host='127.0.0.1', port = 5000, debug=True, use_reloader=False)

 data.csv文件

名称,数量
喜鹊,23
猫咪,12
狗子,2
黑天鹅,10
灰天鹅,1

君士睿心
关注
  • 18
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
数据可视化期末考试习题（带答案）
qq_56437391的博客
06-22 7913
1. 多尺度导航属于( )可视化交互方法 A. 概览+细节技术 B. 焦点+上下文技术 C. 概览+缩放技术 D. 平移+缩放技术 2. 将原始数据进行集成、变换、维度规约、数值规约是在( )步骤的任务 A. 频繁模式挖掘 B. 分类和预测 C. 数据预处理 D. 数据流挖掘 3. 雷达图适用于( )数据 A.一维 B.二维 C.三维 D.多维...
BUPT大数据技术导论期末复习提纲
11-07
《BUPT大数据技术导论期末复习提纲》涵盖了大数据技术的基础知识，主要针对北京邮电大学数据科学与大数据技术专业的期末复习。以下是该提纲的关键知识点解析： 1. **大数据思维转变**： - **全样本而非抽样**：大...
数据可视化-期末复习重点笔记
qq_46576562的博客
06-23 5247
文章目录前言一、绘制常见图形。1.1 sinx、cosx曲线图1.2 散点图1.2.1通过matplotlib实现1.2.2通过pyecharts实现1.3 柱形图1.3.1通过matplotlib实现1.3.2通过pyecharts实现1.4 柱形堆叠图1.4.1通过matplotlib实现1.4.2通过pyecharts实现1.5 折线图1.6 拟合曲线1.7 堆叠面积图1.8 雷达图二、其他细节考点2.1在matplotlib中基本参数设置2.2 jupyter notebook两种渲染方式2.3 可
数据可视化期末考试复习
qq_56437391的博客
06-22 2171
可视化交互主要分为5类：平移+缩放技术、动态过滤技术、概览+细节技术、焦点+上下文技术和多视图关联协调技术。鱼眼视图属于焦点+上下文技术可视化交互方法。多尺度导航属于平移+缩放技术可视化交互方法；urllib.request请求模块；urllib.parse是url解析模块；urllib.error异常处理模块；urllib.robotparser是robots.txt解析模块；urllib.request.urlopen向网站发起请求并获取响应；...
大数据可视化期末复习
热门推荐
阿斐的博客
01-05 2万+
大数据可视化期末复习题型考点范围：选择填空判断知识点简述题编程题 题型 选择题（30分 /2’） 判断题（10分 /1’） 填空题（20分 /1’） 简述题（24分 /6’） 编程题（16分 /8’）(代码补全、代码翻译（注释）各一道) 课堂做过的实验，敲过的代码（实验一、实验二） 考点范围： 选择和填空题→书上习题（P22填空与选择题、P42-43填空与选择题、P67填空选择、P95选择...
大数据可视化期末考试练习题.doc
05-29
大数据可视化期末考试练习题.doc
机器学习实战之决策树熵的概述
user_zongji的博客
06-28 2906
机器学习实战之决策树熵的概述一、决策树简介二、决策树的一般流程三、决策树构建的准备工作1、特征选择（1）香农熵（2）编写代码计算经验熵 一、决策树简介 决策树是什么？ 自己理解: 决策树是一颗能给人们带来决策的树,它将根据提供的可能条件,构建一颗树的模型,其中条件即树的枝干,可能性越强,枝干将会长得越茂盛,反之就越秃. 书中解释: 决策树(decision tree)是一种基本的分类与回归方法。举个通俗易懂的例子，如下图所示的流程图就是一个决策树，长方形代表判断模块(decision block)，椭圆形成
山东大学软件学院2022年6月17日数据可视化期末考试回忆版（考题及答案）（全）
南河的南的博客
06-17 5048
山东大学软件学院2022年6月17日数据可视化期末考试回忆版（考题及答案）（全）（LiuNing老师）
Python数据分析与可视化期末简答题复习
涛涛不淘
06-27 7962
Python数据分析与可视化期末简答题复习
大数据期末复习课件和试题
07-03
大数据期末复习课件和试题是针对学生或学习者准备的一项教育资源，主要涵盖了大数据技术的核心概念、应用以及期末可能考察的重点内容。在这个压缩包中，我们可以期待找到一系列与大数据相关的PPT课件，这些课件通常...
数据可视化课程练习题.docx
06-09
几百道数据可视化课程的习题， 部分试题： 什么是平稳时间序列？ 我的答案： 对于一个时间序列来说，如果它的均值没有系统的变化（无趋势），方差没有系统变化，并且严格消除 了周期性的变化，就称为是平稳的。
数据可视化全套学习资料+期末复习整理
06-13
南京工程学院+数据科学与大数据技术+数据可视化+课程学习
山东大学2017可视化试题
01-05
这是山东大学2017年可视化考试试题的回忆版，数据图表样样聚到，和原试卷无二，总的来说题目都不难，供复习时参考。
数据科学与大数据导论期末总复习ppt
最新发布
01-16
4. **大数据可视化**：这部分内容介绍了数据可视化的概念，常用的可视化工具（如Tableau、matplotlib、ggplot2等），并结合实际案例解释了如何通过可视化来发现数据中的模式和洞察。 5. **城市大数据科学**：这部分...
机器学习期末复习题选择题库
12-09
机器学习期末复习题选择题库 本资源摘要信息涵盖了机器学习、数据挖掘、数据分析、数据处理和展示等多个方面的知识点，旨在帮助学习者快速回顾和巩固相关知识。下面是对每个问题的解析和知识点总结： 1. 知识发现...
数据分析计算及可视化题目测试
03-28 324
A.产生一个2行3列的数组,元素是(0,10)之间的随机整数。B.产生一个3行2列的数组,元素是(0,10)之间的随机整数。D.产生一个2行3列的数组,元素是[0,10]之间的随机整数。A.产生一个Figure,是直线图。C.产生一个Figure,是柱状图。A.产生一个Figure,是直线图。B.产生一个Figure,是散点图。B.产生一个Figure,是散点图。A.产生一个Figure,是直线图。B.产生一个Figure,是散点图。A.产生一个Figure,是直线图。B.产生一个Figure,是散点图。
数据可视化复习-2
饭饭童鞋的博客
06-24 2798
1.下列哪项不属于数据可视化的标准( ) A.实用性 B.真实性 C.交互性 D.分析性 2.( )有效地显示连续正值和负值的累积效应，因此，我们能够看到连续数据点之间的变化的大小和值的差异。 A.瀑布图 B.堆叠图 C.饼图 D.甘特图 3.在Tableau中想要展示满足某些条件的数据使用的结构( ) A.维度 B.度量 C.集 D.计算字段 4.研究表明超过50%的人脑功能用于( )的处理 A.听觉信息
数据可视化习题
m0_67826224的博客
12-20 1万+
一.单选题 1.下列哪一项是对文本关键词进行可视化的方法？（A） A标签云B短语网络C文本流D词语树 2.针对比例数据，研究者关心的是（B） A各比例的顺序 B各比例的分布和相互关系 C各比例的变化 D各比例的大小 3.堆叠柱形图除了可以展示离散型时间数据，还可以展示（C） A比例的变化情况 B数据随时间变化的趋势 C多个部分到整体的关系 D一个部分到整体的关系 4.对于关系数据，我们要做的是尝试着探索事物的（D） A因果关系B线性关系C逻辑关系D相关关系 5.下列哪一项不属于
2022年夏 数据可视化期末复习（*机试）
向往有那么一天梦幻的步态识别落地，开花❀！
06-25 1374
期末考与作业
《大数据可视化》PPT合集之：大数据可视化概述 .pptx
02-24
该资源是关于《大数据可视化》的一个PPT合集，主要涵盖了大数据可视化的基本概念、技术分层、重要性和应用。内容包括数据可视化的定义、数据空间、数据开发、数据分析、数据可视化的技术分类，以及数据可视化在记录...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

君士睿心

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值