数据可视化课程大纲

课程标准

【课程名称】数据可视化

【课程代码】

【适合专业】公共选修课

【计划课时】32

【课程负责人】

【参与编审人】

（校内）

（校外）

信息系（部）大数据教研室制定（修订）

二0二一年十二月

《数据可视化》课程原则

一,课程基本信息

课程代码课程类型

课程性侦考察课开设学期

课时32学分2.5

合用对象普高三年制高职专业（群〉学生

合作企业

先修课程后续课程

制定人同意人

二,课程定位

2）熟悉使用Echaris进行数据展示;

3）对Windows、js图形、HTUL/CSS/JS等操作系统和编程技术仃•定理解，或熟悉数据可视化基础知识:

-1）具有一定的计弊机应用基础技术，熟悉多种计兑机操作系统，理解数据可视化工具；

5）能用可视化技术处理简朴实际问题的程序，并能完毕简朴程序的测试。

2能力目的

1）打较强的分析处理问题的能力，对新兴的数据可视化技术有较高的敏锐性；

2）对新数据可视化工具有枳极自学能力和较强的动手操作能力：

3）培养学生运用大数据基础知识使用数据可视化工具，完毕数据可视化和•定的数据处理。

3.素质目的

1）具有良好的团体意识，优秀向合作、协调、沟通能力：

2）性格开朗外向，善于和工作伙伴和睦相处;

3）有强烈责任心，肯吃苦耐劳，办事麻利，做事认真仔细、负责;

4）贡任心强、认真度高、吃苦咐劳：

5）为人诚实，工作勤奋。

四,设计思绪

本课程基于企业的真实案例和经典工作任务，可以兼顾学生职业生涯发展需要。采用基于工作过程进行课程开发，整门课程分为柱

状图、折线图等5个教学单元，按照逻辑次序，遵照从基础到复杂活动规律，突破了学科课程的设计思绪，构建以任务为导向的课程教

学内容，培养了学生发现问题,分析问题、处理问题的能力.本课程采用线上线下混合式教学模式，引入平常生活内容作为例子，通过

编程,处理实际生活中向问题，增强课程内容与职业岗位能力规定的有关性。同步将思想政治教育和岗位技能积累有机统一，实行理论

与实践一体化教学，让学生做中学、学中做，提将综合职业能力，养成良好的职业索养。

五,教学内容

根据技术开发职业岗位的规定，将本课程的牧学内容分解为5个教学情境（或单元、模块）课时分派如表I。

表1课时分流如

实践

模块子项目理论

重要教学知识点学习目的

名称内容课时课时

知识目的：

1.1工具1/可视化软件工具的使

1.理解数据与可视化:11

使用m

页面

12.理解编程工具.

布局

1-5页面构成技能目的：

1.2头部

11

倒计时1-6翦本HTML语句1.纯熟掌握HTMLCSS：

2.纯熟掌握JS.

态度目的：

比例划分

i.3布同1-71.培券学生种中外理问

22

模块四的能力以及与团体协

1-8基本CSS设置

作的能力.

2.培养学生良好的劳动

纪律

知识目的：

1.理解柱状图的意义：

2.理解柱状图的实现:

3.柱状图的应用.

技能目的：

2-1柱状图的定义1.编写柱状图JS代码:

2.1就业

柱状2.掌榔柱状图的沐现形

柱状图2-2基本柱状图的使用

图

2式：33

2.2行业2-3两层柱状图的使用

柱状图3.掌樨柱状图的实现现

2<JS语言的运用律。

态度目的：

1.树立认真学习的态

度,培养对工作人其负

费的态度。

2.树立克服困难向自信

心.

3-1折线图内定义：知识目的：

3-2人员变化折线图时或L折线图的定义和概念;

现：

2.折线图晌内用：

3-3折线图官方示例运

3.折我图的灵活变化，

用；

3.1人员

变化折线技能目的:

3-4人员折设图动态数

图

据变化#，J实现：1.实现折战图；

333

折线3.2捕放

3-5播放景折线图的定2.深入掌握JS.

图贵折线图

义：

态度目孙

3-6播放盘折线图官方

示例运用：1.培养学生独在处理问

题的能力以及与团体例

3-7播放盘折线图的实作的能力，

现：

2.培养学生良好的劳动

纪伴

4-1饰状图的定义:

知识目的：

4-2地辨别布饰状图时交

.饼状图的定义和概

现；1

4.1地辩念：

别布饼状4-3饼状图官方示例运

2.饼状图的应用；

饼状图用।

422

图饼状图的灵活变化.

4.2年时4-4年龄分布饼状图：3.

分布饼状

技能目的；

图4-5年龄分布饼状图官方

示例运用：

3.实现饼状图：

4-6珏龄分布饼状图啊实

4.深入掌握JS。

现：

态度目的:

1.培养学生独立处理问

题的能力以及与团体协

作的的力。

2.培养学生良好的劳动

纪律

知识目的：

1,地图的定义和概念：

2.地图的应用；

3.地图的灵活变化.

5-1地图啊定义：技能目的：

5-2地图的实现：5.实现地图：

5地图5.1地图33

5-3地图官方示例运用：6.深入掌握JS。

态度目的：

1.培养学生独立处理问

即的能力以及与团体协

作的能力.

2.培养学生良好的劳动

纪律

合计1616

五,教学实行

（-）师资条件

1.本课程校内任课教师应通过本科以上有关专业内学习，并具有有关教师资格证书，同步还应有两年有关岗位企业实践经历，

2.企业藻职教师应具有工程师等级以上职称证书，具有中型以上项目开发经验，语言体现能力到达规定。

3.掌握高职教育规律，理解高职学生的特点，熟悉编程语言试验室等教学环境并掌握本课程所需设备的操作规程，熟悉程序设计语

并方圆向知识和技能。

（二）教学措施和实行条件提议

本课程重要应用项目教学法、引导文教学法、案例分析法、讲授法、互动教学法、现场教学法等多种行动导向教学法，以实段技能

探作为主，实行引导式教学，形成“以学生为主体，以教师为主导，以活动项目为载体”1向教学思绪，来用边讲边练、分组教学向方式

进行,以工作任务为引领，提高学生学习爱好，激发学生的学习动机。

本课程提议配置的硬件有电脑,软件有职教公等设符.

六,课程考核方式与评价原则（

本课程采用全过程、多方位的考核模式，专业技能与工作作:风相结合，形成性评价与终止性评价相结合的多元评价形式。综合评价

时，重视学生学习过程的考核，采用小组评价和数帅评价相结合的评价方式进行考核。

总成绩=形成性评价（60%）+终止性评价（4C%）

形戊性评价包括平时的学习态度、纪律、出勤、作业和平时实践状况，终止性评价包括期末考试.详细见表3・

《数据可视化》课程考核知识点和分值分派见表2,成绩综合评估原则见表3所示，实训成绩评估原则见表4。

表2匕数据可视化》课程的考核知识点及分国

项目（或的子项目（或

元或模块或

于教学情分

章等）学习单元考核点

境、或工作ffi

名称任务》内容

k理解和掌握数

1.1数据可

视化n'-j槌据可视化的系木

念：概和

1.2数据可

2、掌握HTML语言

视化的工

什么是数据可视化：

具的使用：1.1使用；

13HTM-1.2可视化常用工具:-掌握CSS语言

语言叫理

页面布同使用；

解；1.3谙吉HTML简介和使用：20

1.4CSS话4、掌握可视化编

1.4语言CSS简介和使用：

言的理解：养工具的使用；

1.5页面布局的编写.

1.5页面布八页面布局的灵

局的多扑括掌握;

形式掌握。

合计20

柱状图的定义：

1.理解柱状图的

多种图形的

柱状图柱状图的构造：定义：

使用20

样状网的宴现t2.理解样状图的

柱状图的官方示例应用；

柱状图的应用：?.掌握柱状图的

ETMLitt写：

柱状图中的HTML使用:

4.掌握柱状图的

柱状图中的CSS使用:

(SS编写；

柱状图中的JS使用:

£.掌握柱状图的

JS编写

折线图的定义：1.珅解折战图的

定义；

折线图的构造；

2.理解折线图的

折战图的实现：

应用：

折线图的官方示例1掌握折握图的

折线图20

HTML编目;

折线图的应用：

折线图中的HTML使用:-1.掌握折践图的

(SS编写;

折线图中的CSS使用；

.=.掌握折视图的

折线图中的JS使用:

JS编弓

饼状图的定义：1.理解讲状图的

耕状图定义：20

饼状图的构造：

2.理解拼状图的

饼状图的实现；应用；

饼状图的官方示例：:.掌握饼状图的

ETMLitt写：

饼状图的应用：

-1.掌握饼状图的

饼状图中的HTML使用：

(SS编写；

饼状图中的CSS使用;

£.掌握饼状图的

饼状图中的JS使用；JS编写

地图的定义:1.理解地图的定

幻

地图的构造；

2.理解地图的应

地图的实现；

用：

地图的官方示例

5.掌握地图的

地图20

HTML编目;

地图的应用：

地图中的HTML使用；4.掌握地图的

(SS编写;

地图中的CSS使用;

E.掌握地图的

地图中的JS使用：

JS编弓

合计80

总计100

表3《数据可视化3课程成绩综合评估原则

考核、评价项目权杀小计

学习态度、纪律状况15%

38

作业状况15%

形成性平时练习15%

实段状况3蕤

评价阶段练习15%

组试考试20%

期末考试40%

上机考试2族

合计10的100%

表，1£数据可视化3实训成绩评估原则

考核、评价项目考核人权18

出勤状况、实训态度、安全意识、职业道德索

5%

质进行成绩评估教师

实训模块一

学生

实训内容和实训笊报20%

出勤状况、实训态度、安全意识、职业道德素5%

教师

喷进行成绩评估

实训模块二

学生20%

实训内容和实训汇报

军训悔块二川

出勤状况、实训态度、安全意识、职业道德索Mi5%

质进行成绩评估学生

实训内容和实训汇报20%

企业专苏

答辩根据答域内容、语速、流利程度、创新点等25%

教师

合计100%

九、学习情境设计（

学习情境1.1的设计一一数据可视化页面布局

子学习领域1数据可视化页面布局电课时：8

学习情境1.1数据可视化页面布局课时；8

学习目的，6.掌握ECharts的概念、使用方式及合用性.

1.拿握数据可视化中的定义和作用、基本概念和术语；7.掌握页面布局的多种形式

2.掌握可视化编程工具的使用；

3.理HTML潘吉的使用：

4.理艇CSS语言时使用，

5.理制JS潘方啊使用

重要内容教学措施提议

1.什么见数据可视化7.页面布局的煽写1.讲授法

2.可视化编程工具的使用2.案例法

3.HTML语吉的使用3.问题驱动法

4.CSS语言的使用■1.演示法

5.JS语言的使用5.角发法

6.ECharts的使用

教学材料使用工具学生知识与能力K£备教师知识与能力规定考核与评价备注

＞教科书>Notepad++＞计算机信息技术基＞掌握网页开发技术评价内容：

础知识

＞辅导书>Chrome＞中型以上大数据项＞基本知只水平评价

＞HTML.CSS.JS基目经脸

＞教案>多媒体＞学习态度

础篇识

＞沟通与体现能力活

>自媒体

＞课程原则＞基本沟通与体现能晰＞作业完毕状况

＞教学走度表力评价方式：

＞具有教师荔本的教

＞学生考核表＞可以独立搭建网页学能力＞自评

开发环境

＞具有与驭教材的能＞小组评价

力＞教师评除

学习情境L2的设计一一柱状图

子学习领域1柱状图总课时：4

学习情境1.1柱状图课时：4

学习目的：5.掌握CSS语言的使用：

1.拿握柱状图的定义和作用；6.掌握JS语言的使用；

2.掌握柱状图的基本操作：

3.掌握柱状图的表达和实现方式,多种柱状图的漏耳；

4.拿握HTML潘吉的使用：

重要内容教学措施提议

1.柱状用时定义7.柱状图的代码编写1.讲授法

2.柱状图基本构造2.案例法

3.柱状图实现3.问题驱动法

4.柱状图向官方示例4.演示法

5.柱状图的多种体现形式5.启发法

6.柱状图的多种实现方式

教学材料使用工具学生知识与能力?1隹备教师知识与能力规定考核与1婵价备注

＞教科书>Noiepad++＞计算机信息技术基＞掌握网页开发技术评价内容：

础知识

＞辅导书>Chrome＞中型以上大数据项＞基本知只水平•评价

＞HTML.CSS.JS基目经验

＞教案>多媒体础知识＞学习态度

＞沟通与体现能力消

A深程原则＞自媒体＞基本沟通与体现能晰＞作业完毕状况

力

＞教学迂度表＞具有教师基本的教评价方式，

A可以独立搭建网页学能力

＞学生考核表开发环境＞自评

＞具有驾驭教材的旎

力＞小组评价

＞教师评价

学习情境L3的设计一一折线图

子学习领域1折线图总课时：4

学习情境1.1折践图课时：4

学习目的：5.掌握CSS语言的使用：

1.拿握折线图的定义和作用；6.掌握JS语言的使用；

2.掌握折线图的基本操作：

3.拿握折线图的表达和实现方式,多种折线图的漏耳；

4.拿握HTML潘吉的使用：

重要内容教学措施提议

1.折线图时定义7.折线图时代码编写1.讲授法

2.折线图基本构造2.案例法

3.折线图的实现3.问题驱动法

4.折线图的官方示例4.演示法

5.折线图的多种体现形式5.启发法

6.折线图的多种实现方式

教学材料使用工具学生知识与能力?1隹备教师知识与能力规定考核与1婵价备注

＞教科书>Noiepad++＞计算机信息技术基＞掌握网页开发技术评价内容：

础知识

＞辅导书>Chrome＞中型以上大数据项＞基本知只水平•评价

＞HTML.CSS.JS基目经验

＞教案>多媒体础知识＞学习态度

＞沟通与体现能力消

A深程原则＞自媒体＞基本沟通与体现能晰＞作业完毕状况

力

＞教学迂度表＞具有教师基本的教评价方式，

A可以独立搭建网页学能力

＞学生考核表开发环境＞自评

＞具有驾驭教材的旎

力＞小组评价

＞教师评价

学习情境1.4的设计一饼状图

于学习领域1饼状图总课时：4

学习情境1.1饼状图课时：4

学习目的：5.掌握CSS语言的使用：

1.拿握饼状图的定义和作用；6.掌握JS语言的使用；

2.掌握讲状图的基本操作：

3.拿握饼状图的表达和实现方式,多种饼状图的漏耳；

4.拿握HTML潘吉的使用：

重要内容教学措施提议

1.饼状用时定义7.饼状图时代码编写1.讲授法

2.饼状图基本构造2.案例法

3.饼状图叼实现3.问题驱动法

4.饰状图向官方示例4.演示法

5.饼状图的多种体现形式5.启发法

6.饰状图的多种实现方式

教学材料使用工具学生知识与能力?1隹备教师知识与能力规定考核与1婵价备注

＞教科书>Noiepad++＞计算机信息技术基＞掌握网页开发技术评价内容：

础知识

＞辅导书>Chrome＞中型以上大数据项＞基本知只水平•评价

＞HTML.CSS.JS基目经验

＞教案>多媒体础知识＞学习态度

＞沟通与体现能力消

A深程原则＞自媒体＞基本沟通与体现能晰＞作业完毕状况