《大數(shù)據(jù)可視化技術(shù)》教學(xué)大綱歸口單位：課程負(fù)責(zé)人：課程團(tuán)隊(duì)成員：：編制日期：2025年9月-2-第一部分基本信息課程名稱大數(shù)據(jù)可視化技術(shù)課程代碼總學(xué)分總學(xué)時(shí)（含實(shí)踐學(xué)時(shí)）周學(xué)時(shí)使用教材大數(shù)據(jù)可視化技術(shù)（Echarts+Flask實(shí)現(xiàn)）課程類型￡通識(shí)必修課￡通識(shí)選修課￡學(xué)科專業(yè)基礎(chǔ)課R專業(yè)核心課□專業(yè)選修課開課時(shí)間先修課程網(wǎng)頁(yè)設(shè)計(jì)與制作授課面向數(shù)據(jù)科學(xué)與大數(shù)據(jù)技術(shù)、大數(shù)據(jù)管理與應(yīng)用專業(yè)本科生課程定位本課程是數(shù)據(jù)科學(xué)與大數(shù)據(jù)技術(shù)、大數(shù)據(jù)管理與應(yīng)用專業(yè)的核心課，在本科生人才培養(yǎng)體系中占有重要的地位。數(shù)據(jù)可視化是大數(shù)據(jù)工程技術(shù)體系的最后一個(gè)環(huán)節(jié)，是開展數(shù)據(jù)分析的重要手段，是實(shí)現(xiàn)數(shù)據(jù)價(jià)值的重要工具。通過(guò)課程學(xué)習(xí)，學(xué)生將掌握大數(shù)據(jù)可視化的基本原理、方法、技術(shù)和工具，并通過(guò)實(shí)踐，培養(yǎng)獨(dú)立開展大數(shù)據(jù)分析及大數(shù)據(jù)應(yīng)用開發(fā)的能力。思政育人目標(biāo)踐行習(xí)近平新時(shí)代中國(guó)特色社會(huì)主義思想和社會(huì)主義核心價(jià)值觀，樹立共產(chǎn)主義遠(yuǎn)大理想，培養(yǎng)服務(wù)祖國(guó)、報(bào)效人民的家國(guó)情懷，以及勇挑重?fù)?dān)、精益求精的工匠精神，立志成為理論基礎(chǔ)扎實(shí)、職業(yè)技能過(guò)硬、既有一技之長(zhǎng)、又有職業(yè)操守的數(shù)據(jù)科學(xué)家和數(shù)據(jù)工程師。課程學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)：能夠使用ECharts制作條形圖、折線圖、餅圖、散點(diǎn)圖、聯(lián)動(dòng)圖表等信息圖表，掌握數(shù)據(jù)大屏的設(shè)計(jì)和制作方法。能力目標(biāo)：能夠針對(duì)特定需求確定數(shù)據(jù)可視化的方法和工具，對(duì)復(fù)雜問(wèn)題開展多視圖整合分析，通過(guò)交互挖掘數(shù)據(jù)之間的關(guān)聯(lián)。素質(zhì)目標(biāo)：培養(yǎng)高尚的道德情操、健全的心理素質(zhì)，富有求真精神和創(chuàng)新精神，具有良好的團(tuán)隊(duì)協(xié)作和終身學(xué)習(xí)能力。在設(shè)計(jì)實(shí)驗(yàn)及項(xiàng)目實(shí)施過(guò)程中，能夠遵守職業(yè)道德和規(guī)范，并理解和履行應(yīng)承擔(dān)的責(zé)任。教學(xué)內(nèi)容體系數(shù)據(jù)可視化概述項(xiàng)目概述技術(shù)基礎(chǔ)Echarts詳解條形圖折線圖儀表盤熱力圖平行坐標(biāo)圖雷達(dá)圖餅圖散點(diǎn)圖聯(lián)動(dòng)圖表數(shù)據(jù)大屏設(shè)計(jì)教學(xué)方法與手段同步教學(xué)法、案例教學(xué)法、演示法?？己嗽u(píng)價(jià)課程考核包括4個(gè)部分，分別為課堂表現(xiàn)、作業(yè)、實(shí)驗(yàn)和結(jié)課考試。1、課堂表現(xiàn)：占總成績(jī)的10%。包括課堂討論、綜合評(píng)價(jià)兩部分組成。2、作業(yè)：占總成績(jī)的20%。根據(jù)學(xué)生每次作業(yè)的完成情況，所有作業(yè)（含小測(cè)驗(yàn)）成績(jī)經(jīng)過(guò)取平均值。3、實(shí)驗(yàn)：占總成績(jī)的10%。根據(jù)學(xué)生每次實(shí)驗(yàn)和實(shí)驗(yàn)報(bào)告的完成情況，所有實(shí)驗(yàn)成績(jī)?nèi)∑骄怠?、結(jié)課考試：占總成績(jī)的60%，考核內(nèi)容包括教學(xué)目標(biāo)所包含的內(nèi)容，主要考核學(xué)生對(duì)大數(shù)據(jù)可視化基本原理、技術(shù)、方法和工具的掌握情況，以及應(yīng)用原理和知識(shí)進(jìn)行復(fù)雜數(shù)據(jù)分析的能力。

第二部分具體教學(xué)內(nèi)容第一章數(shù)據(jù)可視化概述【教學(xué)目的與要求】通過(guò)本章教學(xué)，使學(xué)生了解數(shù)據(jù)可視化的基本概念、發(fā)展背景與應(yīng)用場(chǎng)景，理解數(shù)據(jù)可視化在信息傳遞中的核心價(jià)值，初步認(rèn)識(shí)主流數(shù)據(jù)可視化工具的分類與適用場(chǎng)景，為后續(xù)學(xué)習(xí)具體圖表制作奠定基礎(chǔ)。【重點(diǎn)和難點(diǎn)】重點(diǎn)：理解數(shù)據(jù)可視化的基本概念與核心價(jià)值，認(rèn)識(shí)主流數(shù)據(jù)可視化工具的分類。難點(diǎn)：理解數(shù)據(jù)可視化在不同行業(yè)場(chǎng)景中的應(yīng)用邏輯，區(qū)分各類工具的適用邊界?！舅颊四繕?biāo)】通過(guò)梳理數(shù)據(jù)可視化技術(shù)的發(fā)展歷程，結(jié)合我國(guó)在信息化建設(shè)中取得的成果，幫助學(xué)生認(rèn)識(shí)數(shù)據(jù)可視化的重要意義，激發(fā)學(xué)生對(duì)本課程的興趣，培養(yǎng)學(xué)生可視分析的能力，養(yǎng)成科技報(bào)國(guó)的意識(shí)?！菊n程學(xué)習(xí)目標(biāo)】了解數(shù)據(jù)可視化的基本概念、發(fā)展背景與應(yīng)用場(chǎng)景；理解數(shù)據(jù)可視化在信息傳遞中的核心價(jià)值；初步認(rèn)識(shí)主流數(shù)據(jù)可視化工具的分類與適用場(chǎng)景；能夠結(jié)合具體案例說(shuō)明數(shù)據(jù)可視化的作用?！窘虒W(xué)內(nèi)容】第一節(jié)數(shù)據(jù)可視化基礎(chǔ)認(rèn)知數(shù)據(jù)可視化的定義和發(fā)展歷程數(shù)據(jù)可視化的基本流程數(shù)據(jù)可視化的應(yīng)用第二節(jié)數(shù)據(jù)可視化的應(yīng)用開發(fā)框架和常用信息圖表應(yīng)用場(chǎng)景分類主流工具分類常用信息圖表【思考題】結(jié)合生活或?qū)W習(xí)中的實(shí)例，說(shuō)明一個(gè)數(shù)據(jù)可視化比純文字?jǐn)?shù)據(jù)更具優(yōu)勢(shì)的場(chǎng)景，并分析其優(yōu)勢(shì)所在。【參考書目及其他電子資源】數(shù)據(jù)可視化，陳為等，電子工業(yè)出版社ApacheEchartsAPI手冊(cè)：/zh/index.html第二章項(xiàng)目概述【教學(xué)目的與要求】通過(guò)本章教學(xué)，使學(xué)生了解“空氣質(zhì)量監(jiān)測(cè)數(shù)據(jù)可視化平臺(tái)”項(xiàng)目的需求與目標(biāo)，理解項(xiàng)目MVT架構(gòu)及技術(shù)路線，掌握項(xiàng)目開發(fā)環(huán)境的搭建方法，掌握項(xiàng)目數(shù)據(jù)庫(kù)創(chuàng)建與數(shù)據(jù)導(dǎo)入的操作流程，為后續(xù)平臺(tái)開發(fā)奠定基礎(chǔ)?！局攸c(diǎn)和難點(diǎn)】重點(diǎn)：掌握虛擬環(huán)境創(chuàng)建及框架安裝方法和數(shù)據(jù)庫(kù)配置、連接及數(shù)據(jù)導(dǎo)入步驟。難點(diǎn)：解決開發(fā)環(huán)境搭建中的兼容性問(wèn)題并確保數(shù)據(jù)庫(kù)連接，處理數(shù)據(jù)格式異常問(wèn)題?！舅颊四繕?biāo)】通過(guò)“空氣質(zhì)量監(jiān)測(cè)數(shù)據(jù)可視化平臺(tái)”項(xiàng)目，引導(dǎo)學(xué)生關(guān)注生態(tài)環(huán)境監(jiān)測(cè)與保護(hù)的社會(huì)議題，理解大數(shù)據(jù)可視化技術(shù)在民生領(lǐng)域的應(yīng)用價(jià)值，增強(qiáng)學(xué)生用技術(shù)解決實(shí)際社會(huì)問(wèn)題的能力，樹立科技服務(wù)社會(huì)的理念?！菊n程學(xué)習(xí)目標(biāo)】了解“空氣質(zhì)量監(jiān)測(cè)數(shù)據(jù)可視化平臺(tái)”的項(xiàng)目需求與項(xiàng)目目標(biāo)，能獨(dú)立完成項(xiàng)目開發(fā)環(huán)境搭建與數(shù)據(jù)準(zhǔn)備工作。?！窘虒W(xué)內(nèi)容】需求分析序號(hào)字段名字段類型說(shuō)明1datetimestamp日期2pm25floatPM2.5濃度，單位：微克每立方米3pm10floatPM10濃度，單位：微克每立方米4o3float臭氧濃度，單位：微克每立方米5so2float二氧化硫濃度，單位：微克每立方米6no2float二氧化氮濃度，單位：微克每立方米7cofloat一氧化碳濃度，單位：毫克每立方米8ufloat緯向風(fēng)速，單位：米每秒9vfloat經(jīng)向風(fēng)速，單位：米每秒10tempfloat氣溫，單位：開爾文（K）11rhfloat相對(duì)濕度，單位：%12psfcfloat地面氣壓，單位：帕斯卡（Pa）13staionvarchar監(jiān)測(cè)站編碼第二節(jié)系統(tǒng)架構(gòu)第三節(jié)技術(shù)路線第四節(jié)開發(fā)環(huán)境類別名稱版本操作系統(tǒng)Windows10瀏覽器Microsoft

Edge119.0數(shù)據(jù)庫(kù)MySQL5.5.0框架Echarts5.5.0框架Echarts-GL2.0.9框架jQuery3.3.1框架Flask2.2.3框架PyMySQL1.0.2工具Visual

Studio

Code1.87.2工具Anaconda32022.10工具Navicat

for

MySQL16.3.7第五節(jié)數(shù)據(jù)準(zhǔn)備【思考題】基于“airpollution”數(shù)據(jù)庫(kù)中的數(shù)據(jù)，使用Navicat執(zhí)行簡(jiǎn)單SQL查詢，截圖展示查詢語(yǔ)句與結(jié)果?！緟⒖紩考捌渌娮淤Y源】數(shù)據(jù)可視化，陳為等，電子工業(yè)出版社ApacheEcharts手冊(cè)：/zh/index.html第三章技術(shù)基礎(chǔ)【教學(xué)目的與要求】通過(guò)本章教學(xué)，使學(xué)生了解Web前后端開發(fā)技術(shù)及Echarts圖表開發(fā)技術(shù)，理解Flask框架工作原理與PyMySQL數(shù)據(jù)庫(kù)連接邏輯，掌握Echarts基本條形圖制作、FlaskWeb應(yīng)用開發(fā)、PyMySQL接入MySQL數(shù)據(jù)庫(kù)及PythonJSON數(shù)據(jù)接口開發(fā)的方法，為數(shù)據(jù)可視化平臺(tái)開發(fā)提供技術(shù)支撐?！局攸c(diǎn)和難點(diǎn)】重點(diǎn)：掌握Echarts基本條形圖的完整開發(fā)流程、FlaskWeb應(yīng)用開發(fā)步驟、PyMySQL操作MySQL數(shù)據(jù)庫(kù)的方法、PythonJSON數(shù)據(jù)接口開發(fā)。難點(diǎn)：理解CSS盒子模型與定位機(jī)制在頁(yè)面布局中的實(shí)際應(yīng)用，實(shí)現(xiàn)前后端數(shù)據(jù)交互，解決數(shù)據(jù)庫(kù)連接異常、SQL查詢語(yǔ)法錯(cuò)誤及JSON格式校驗(yàn)失敗等問(wèn)題。【思政育人目標(biāo)】通過(guò)講解Web開發(fā)技術(shù)與數(shù)據(jù)接口開發(fā)的標(biāo)準(zhǔn)化流程，培養(yǎng)學(xué)生的規(guī)范化開發(fā)意識(shí)與嚴(yán)謹(jǐn)?shù)倪壿嬎季S；結(jié)合Echarts、Flask等開源技術(shù)的應(yīng)用，引導(dǎo)學(xué)生理解開源社區(qū)的協(xié)作精神與技術(shù)共享理念；通過(guò)“PM2.5濃度對(duì)比”等實(shí)際案例開發(fā)，讓學(xué)生體會(huì)技術(shù)在環(huán)境監(jiān)測(cè)與民生服務(wù)中的應(yīng)用價(jià)值，增強(qiáng)用技術(shù)解決實(shí)際問(wèn)題的責(zé)任感，樹立科技賦能社會(huì)發(fā)展的理念?！菊n程學(xué)習(xí)目標(biāo)】了解Web前后端開發(fā)技術(shù)及Echarts圖表開發(fā)技術(shù)；理解Flask框架的MVT設(shè)計(jì)模式與PyMySQL的數(shù)據(jù)庫(kù)連接原理；掌握Echarts基本條形圖制作方法，能獨(dú)立完成圖表配置與渲染；掌握FlaskWeb應(yīng)用開發(fā)，能實(shí)現(xiàn)模板加載與靜態(tài)資源引用；掌握PyMySQL接入MySQL數(shù)據(jù)庫(kù)，能執(zhí)行SQL查詢并獲取數(shù)據(jù)；掌握PythonJSON數(shù)據(jù)接口開發(fā)，能完成數(shù)據(jù)組裝與JSON格式轉(zhuǎn)換，實(shí)現(xiàn)前后端數(shù)據(jù)交互?！窘虒W(xué)內(nèi)容】第一節(jié)前端開發(fā)技術(shù)1.HTML標(biāo)簽說(shuō)明<!DOCTYPE

html>定義文檔的類型為HTML<html>根標(biāo)簽，告知瀏覽器自身是一個(gè)HTML文檔<head>頭部標(biāo)簽，內(nèi)部封裝了<meta>、<title>等標(biāo)簽<meta>定義文檔的元信息，例如為搜索引擎提供網(wǎng)頁(yè)的關(guān)鍵字、內(nèi)容描述等<title>定義HTML文檔的標(biāo)題<body>主體標(biāo)簽，一個(gè)HTML文檔只能有一對(duì)<body>標(biāo)簽2.CSS<divid="main"style="width:600px;height:400px;">行內(nèi)式引用</div><head>

<styletype="text/css">

h1{

font-size:14px;

color:blue;

}

</style></head><linkhref="link.css"rel="stylesheet">盒子模型4.頁(yè)面布局5.CSS定位機(jī)制6.JavaScript第二節(jié)服務(wù)器端開發(fā)技術(shù)FlaskPyMySQL第三節(jié)JSON數(shù)據(jù)接口開發(fā)1.導(dǎo)入JSON模塊2.組裝JSON字符串3.打印輸出JSON字符串4.驗(yàn)證JSON合法性【思考題】嘗試使用CSS定位機(jī)制，將兩個(gè)Echarts圖表（如PM2.5條形圖與PM10條形圖）并排布局在同一頁(yè)面，編寫CSS樣式代碼并展示頁(yè)面效果?！緟⒖紩考捌渌娮淤Y源】數(shù)據(jù)可視化，陳為等，電子工業(yè)出版社ApacheEchartsAPI手冊(cè)：/zh/index.html第四章Echarts詳解【教學(xué)目的與要求】通過(guò)本章教學(xué)，使學(xué)生了解前端渲染技術(shù)的基本概念與適用場(chǎng)景，理解Echarts基礎(chǔ)架構(gòu)的分層邏輯，掌握Echarts常用組件（標(biāo)題、提示框、工具欄等）的功能及組件常用屬性的配置方法，能根據(jù)圖表需求合理選擇渲染方式與組件屬性，為復(fù)雜數(shù)據(jù)可視化圖表開發(fā)奠定基礎(chǔ)。【重點(diǎn)和難點(diǎn)】重點(diǎn)：區(qū)分Canvas與SVG兩種前端渲染技術(shù)的適用場(chǎng)景，掌握Echarts渲染器配置方法。理解Echarts“基礎(chǔ)庫(kù)-組件-圖類-接口”的四層架構(gòu)和常用組件的核心功能并熟悉組件常用屬性的配置規(guī)則。難點(diǎn)：根據(jù)數(shù)據(jù)量、軟硬件環(huán)境選擇合適的Echarts渲染器，理解組件間的依賴關(guān)系，靈活配置組件屬性解決實(shí)際問(wèn)題。【思政育人目標(biāo)】通過(guò)講解Echarts架構(gòu)的分層設(shè)計(jì)與組件化思想，培養(yǎng)學(xué)生的模塊化開發(fā)思維與系統(tǒng)設(shè)計(jì)能力；結(jié)合Echarts對(duì)Canvas、SVG技術(shù)的兼容適配，引導(dǎo)學(xué)生理解技術(shù)選型需兼顧性能與場(chǎng)景需求的辯證思維；通過(guò)國(guó)產(chǎn)開源框架Echarts的深入學(xué)習(xí)，讓學(xué)生感受我國(guó)在前端可視化技術(shù)領(lǐng)域的發(fā)展成果，提升民族技術(shù)自信，激發(fā)投身信息技術(shù)領(lǐng)域創(chuàng)新的熱情，弘揚(yáng)以改革創(chuàng)新為核心的時(shí)代精神?！菊n程學(xué)習(xí)目標(biāo)】了解前端渲染技術(shù)（Canvas、SVG）的特點(diǎn)與適用場(chǎng)景，能根據(jù)需求選擇Echarts渲染器；理解Echarts四層基礎(chǔ)架構(gòu)（基礎(chǔ)庫(kù)、組件、圖類、接口）的功能邏輯；了解Echarts常用組件的分類與核心作用；掌握Echarts組件常用屬性的配置方法，能根據(jù)圖表需求自定義組件樣式與行為；能獨(dú)立完成Echarts渲染器配置、組件屬性設(shè)置等基礎(chǔ)開發(fā)任務(wù)。【教學(xué)內(nèi)容】Echarts的基礎(chǔ)架構(gòu)Echarts的常用組件組件說(shuō)明tittle標(biāo)題組件，用于設(shè)置圖表的主標(biāo)題和副標(biāo)題。tooltip提示框組件，在鼠標(biāo)懸?；螯c(diǎn)擊數(shù)據(jù)時(shí)彈窗顯示詳細(xì)信息。toolbox工具箱組件，包含：保存為圖片、配置項(xiàng)還原、數(shù)據(jù)視圖、數(shù)據(jù)區(qū)域縮放、動(dòng)態(tài)類型切換等五個(gè)工具。legend圖例組件，用于描述數(shù)據(jù)和圖形的關(guān)聯(lián)。grid直角坐標(biāo)系內(nèi)繪圖網(wǎng)格，用于定義直角坐標(biāo)系的布局和樣式。xAxis直角坐標(biāo)系中的橫軸，默認(rèn)為類目型（category）。yAxis直角坐標(biāo)系中的縱軸，默認(rèn)為數(shù)值型（value）。第三節(jié)Echarts組件的常用屬性【思考題】現(xiàn)有一個(gè)包含10萬(wàn)條數(shù)據(jù)的PM2.5濃度時(shí)序數(shù)據(jù)集，需制作趨勢(shì)圖，應(yīng)選擇Canvas還是SVG渲染器？請(qǐng)說(shuō)明理由。【參考書目及其他電子資源】數(shù)據(jù)可視化，陳為等，電子工業(yè)出版社ApacheEchartsAPI手冊(cè)：/zh/index.html第五章條形圖【教學(xué)目的與要求】通過(guò)本章教學(xué)，使學(xué)生了解條形圖的概念，熟悉條形圖的用法，掌握靜態(tài)條形圖和動(dòng)態(tài)條形圖的制作方法?！局攸c(diǎn)和難點(diǎn)】重點(diǎn)：掌握靜態(tài)條形圖開發(fā)流程和動(dòng)態(tài)條形圖開發(fā)核心步驟。熟悉瀏覽器開發(fā)者工具在程序調(diào)試中的應(yīng)用。難點(diǎn)：了解動(dòng)態(tài)條形圖中前后端數(shù)據(jù)交互邏輯，解決靜態(tài)條形圖自適應(yīng)縮放異常、動(dòng)態(tài)條形圖數(shù)據(jù)加載失敗等問(wèn)題和利用瀏覽器開發(fā)者工具定位并排查代碼錯(cuò)誤?！舅颊四繕?biāo)】通過(guò)靜態(tài)與動(dòng)態(tài)條形圖的開發(fā)實(shí)踐，培養(yǎng)學(xué)生從“純前端”到“前后端協(xié)同”的技術(shù)思維升級(jí)，樹立系統(tǒng)化開發(fā)意識(shí)；結(jié)合空氣質(zhì)量監(jiān)測(cè)數(shù)據(jù)的可視化應(yīng)用，引導(dǎo)學(xué)生關(guān)注生態(tài)環(huán)境問(wèn)題，理解技術(shù)在民生服務(wù)與環(huán)境治理中的價(jià)值；通過(guò)自主調(diào)試程序解決問(wèn)題的過(guò)程，鍛煉學(xué)生的耐心與鉆研精神，弘揚(yáng)精益求精的工匠精神，激發(fā)用技術(shù)解決實(shí)際社會(huì)問(wèn)題的責(zé)任感。【課程學(xué)習(xí)目標(biāo)】了解條形圖的概念、特點(diǎn)及對(duì)比數(shù)據(jù)的核心作用，明確其在空氣質(zhì)量監(jiān)測(cè)等場(chǎng)景的應(yīng)用；了解靜態(tài)條形圖與動(dòng)態(tài)條形圖的差異及適用場(chǎng)景；掌握靜態(tài)條形圖制作，能獨(dú)立完成項(xiàng)目搭建、Echarts配置與自適應(yīng)設(shè)置；掌握動(dòng)態(tài)條形圖開發(fā)，能實(shí)現(xiàn)數(shù)據(jù)庫(kù)數(shù)據(jù)抽取、JSON接口發(fā)布及前端數(shù)據(jù)加載渲染；掌握瀏覽器開發(fā)者工具調(diào)試方法，能排查程序錯(cuò)誤與驗(yàn)證數(shù)據(jù)接口?！窘虒W(xué)內(nèi)容】第一節(jié)靜態(tài)條形圖動(dòng)態(tài)條形圖【思考題】自選數(shù)據(jù)集，使用Echarts制作一幅動(dòng)態(tài)條形圖?！緟⒖紩考捌渌娮淤Y源】數(shù)據(jù)可視化，陳為等，電子工業(yè)出版社2.ApacheEchartsAPI手冊(cè)：/zh/index.html第六章折線圖【教學(xué)目的與要求】通過(guò)本章教學(xué)，使學(xué)生了解折線圖的概念，熟悉折線圖的用法，掌握靜態(tài)折線圖和動(dòng)態(tài)折線圖的制作方法。【重點(diǎn)和難點(diǎn)】重點(diǎn)：掌握靜態(tài)折線圖和動(dòng)態(tài)折線圖的制作方法。難點(diǎn)：動(dòng)態(tài)圖表的組合設(shè)計(jì)?！舅颊四繕?biāo)】通過(guò)學(xué)習(xí)折線圖，闡述數(shù)據(jù)的重要性，培養(yǎng)學(xué)生尊重事實(shí)、尊重科學(xué)、尊重客觀規(guī)律的理念。引導(dǎo)學(xué)生關(guān)注生態(tài)環(huán)境治理議題，理解技術(shù)在公共服務(wù)領(lǐng)域的實(shí)用價(jià)值；結(jié)合前后端協(xié)同開發(fā)流程，培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作意識(shí)與系統(tǒng)化思維；通過(guò)自定義折線圖樣式的實(shí)踐，激發(fā)學(xué)生的創(chuàng)新意識(shí)，弘揚(yáng)精益求精的工匠精神，樹立用技術(shù)解決實(shí)際問(wèn)題、服務(wù)社會(huì)發(fā)展的理念?！菊n程學(xué)習(xí)目標(biāo)】了解折線圖的概念，熟悉折線圖的用法，掌握靜態(tài)折線圖和動(dòng)態(tài)折線圖的制作方法?！窘虒W(xué)內(nèi)容】第一節(jié)靜態(tài)折線圖第二節(jié)動(dòng)態(tài)折線圖【思考題】自選數(shù)據(jù)集，使用Echarts制作一幅動(dòng)態(tài)折線圖?！緟⒖紩考捌渌娮淤Y源】數(shù)據(jù)可視化，陳為等，電子工業(yè)出版社ApacheEchartsAPI手冊(cè)：/zh/index.html第七章儀表盤【教學(xué)目的與要求】通過(guò)本章教學(xué)，使學(xué)生了解儀表盤的概念，熟悉儀表盤的用法，掌握靜態(tài)儀表盤和動(dòng)態(tài)儀表盤的制作方法?！局攸c(diǎn)和難點(diǎn)】重點(diǎn)：掌握靜態(tài)儀表盤和動(dòng)態(tài)儀表盤的制作方法。難點(diǎn)：動(dòng)態(tài)圖表的組合設(shè)計(jì)。【思政育人目標(biāo)】通過(guò)儀表盤在環(huán)境監(jiān)測(cè)中的應(yīng)用案例，引導(dǎo)學(xué)生關(guān)注生態(tài)環(huán)境治理與民生健康議題，理解技術(shù)在公共服務(wù)領(lǐng)域的實(shí)用價(jià)值；結(jié)合前后端協(xié)同開發(fā)流程，培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作意識(shí)與系統(tǒng)化思維；通過(guò)自定義儀表盤樣式的實(shí)踐，激發(fā)學(xué)生的創(chuàng)新意識(shí)，弘揚(yáng)精益求精的工匠精神，樹立用技術(shù)解決實(shí)際問(wèn)題、服務(wù)社會(huì)發(fā)展的理念?！菊n程學(xué)習(xí)目標(biāo)】了解儀表盤的概念，熟悉儀表盤的用法，掌握靜態(tài)儀表盤和動(dòng)態(tài)儀表盤的制作方法?！窘虒W(xué)內(nèi)容】第一節(jié)靜態(tài)儀表盤第二節(jié)動(dòng)態(tài)儀表盤【思考題】自選數(shù)據(jù)集，使用Echarts制作一幅動(dòng)態(tài)儀表盤。【參考書目及其他電子資源】數(shù)據(jù)可視化，陳為等，電子工業(yè)出版社ApacheEchartsAPI手冊(cè)：/zh/index.html第八章熱力圖【教學(xué)目的與要求】通過(guò)本章教學(xué)，使學(xué)生了解熱力圖的概念，熟悉熱力圖的用法，掌握靜態(tài)熱力圖和動(dòng)態(tài)熱力圖的制作方法。【重點(diǎn)和難點(diǎn)】重點(diǎn)：掌握靜態(tài)熱力圖和動(dòng)態(tài)熱力圖的制作方法。難點(diǎn)：動(dòng)態(tài)圖表的組合設(shè)計(jì)?！舅颊四繕?biāo)】通過(guò)日歷熱力圖在PM2.5濃度時(shí)間分布監(jiān)測(cè)中的應(yīng)用，引導(dǎo)學(xué)生關(guān)注生態(tài)環(huán)境變化規(guī)律，理解技術(shù)在環(huán)境數(shù)據(jù)追溯與分析中的價(jià)值；結(jié)合顏色分段配置的實(shí)踐，培養(yǎng)學(xué)生的視覺(jué)信息設(shè)計(jì)思維，提升數(shù)據(jù)傳遞的直觀性；通過(guò)前后端協(xié)同開發(fā)流程，強(qiáng)化學(xué)生的團(tuán)隊(duì)協(xié)作意識(shí)與系統(tǒng)化思維，樹立用技術(shù)挖掘數(shù)據(jù)規(guī)律、服務(wù)社會(huì)治理的理念，弘揚(yáng)以創(chuàng)新為核心的時(shí)代精神?！菊n程學(xué)習(xí)目標(biāo)】了解熱力圖的概念，熟悉熱力圖的用法，掌握靜態(tài)熱力圖和動(dòng)態(tài)熱力圖的制作方法?！窘虒W(xué)內(nèi)容】靜態(tài)熱力圖動(dòng)態(tài)熱力圖【思考題】自選數(shù)據(jù)集，使用Echarts制作一幅動(dòng)態(tài)熱力圖。【參考書目及其他電子資源】數(shù)據(jù)可視化，陳為等，電子工業(yè)出版社ApacheEchartsAPI手冊(cè)：/zh/index.html第九章平行坐標(biāo)圖【教學(xué)目的與要求】通過(guò)本章教學(xué)，使學(xué)生了解平行坐標(biāo)圖的概念，熟悉平行坐標(biāo)圖的用法，掌握靜態(tài)平行坐標(biāo)圖和動(dòng)態(tài)平行坐標(biāo)圖的制作方法?！局攸c(diǎn)和難點(diǎn)】重點(diǎn)：掌握靜態(tài)平行坐標(biāo)圖和動(dòng)態(tài)平行坐標(biāo)圖的制作方法。難點(diǎn)：動(dòng)態(tài)圖表的組合設(shè)計(jì)?！舅颊四繕?biāo)】通過(guò)平行坐標(biāo)圖在空氣質(zhì)量多維度分析中的應(yīng)用，引導(dǎo)學(xué)生關(guān)注環(huán)境監(jiān)測(cè)的科學(xué)性與系統(tǒng)性，理解技術(shù)在高維數(shù)據(jù)挖掘中的價(jià)值；結(jié)合AQI指數(shù)計(jì)算模塊的編寫，培養(yǎng)學(xué)生的嚴(yán)謹(jǐn)邏輯思維與數(shù)據(jù)科學(xué)素養(yǎng)；通過(guò)前后端協(xié)同開發(fā)高維數(shù)據(jù)可視化圖表的實(shí)踐，強(qiáng)化學(xué)生的團(tuán)隊(duì)協(xié)作意識(shí)與系統(tǒng)化思維，樹立用技術(shù)解析復(fù)雜數(shù)據(jù)、服務(wù)環(huán)境治理決策的理念。【課程學(xué)習(xí)目標(biāo)】了解平行坐標(biāo)圖的概念，熟悉平行坐標(biāo)圖的用法，掌握靜態(tài)平行坐標(biāo)圖和動(dòng)態(tài)平行坐標(biāo)圖的制作方法?！窘虒W(xué)內(nèi)容】靜態(tài)平行坐標(biāo)圖第二節(jié)動(dòng)態(tài)平行坐標(biāo)圖【思考題】自選數(shù)據(jù)集，使用Echarts制作一幅動(dòng)態(tài)平行坐標(biāo)圖。【參考書目及其他電子資源】數(shù)據(jù)可視化，陳為等，電子工業(yè)出版社ApacheEchartsAPI手冊(cè)：/zh/index.html第十章雷達(dá)圖【教學(xué)目的與要求】通過(guò)本章教學(xué)，使學(xué)生了解雷達(dá)圖的概念，熟悉雷達(dá)圖的用法，掌握靜態(tài)雷達(dá)圖和動(dòng)態(tài)雷達(dá)圖的制作方法?！局攸c(diǎn)和難點(diǎn)】重點(diǎn)：掌握靜態(tài)雷達(dá)圖和動(dòng)態(tài)雷達(dá)圖的制作方法。難點(diǎn)：動(dòng)態(tài)圖表的組合設(shè)計(jì)。【思政育人目標(biāo)】通過(guò)雷達(dá)圖在空氣質(zhì)量多維度評(píng)估中的應(yīng)用，引導(dǎo)學(xué)生關(guān)注環(huán)境監(jiān)測(cè)的系統(tǒng)性與科學(xué)性，理解技術(shù)在多維度數(shù)據(jù)綜合分析中的價(jià)值；結(jié)合AQI分指數(shù)計(jì)算模塊的復(fù)用，培養(yǎng)學(xué)生的代碼復(fù)用意識(shí)與模塊化開發(fā)思維；通過(guò)前后端協(xié)同開發(fā)多維度可視化圖表的實(shí)踐，強(qiáng)化學(xué)生的團(tuán)隊(duì)協(xié)作意識(shí)與系統(tǒng)化思維，樹立用技術(shù)解析復(fù)雜指標(biāo)、服務(wù)環(huán)境治理決策的理念?！菊n程學(xué)習(xí)目標(biāo)】了解雷達(dá)圖的概念，熟悉雷達(dá)圖的用法，掌握靜態(tài)雷達(dá)圖和動(dòng)態(tài)雷達(dá)圖的制作方法?！窘虒W(xué)內(nèi)容】靜態(tài)雷達(dá)圖動(dòng)態(tài)雷達(dá)圖【思考題】自選數(shù)據(jù)集，使用Echarts制作一幅雷達(dá)圖。【參考書目及其他電子資源】數(shù)據(jù)可視化，陳為等，電子工業(yè)出版社ApacheEchartsAPI手冊(cè)：/zh/index.html第十一章餅圖【教學(xué)目的與要求】通過(guò)本章教學(xué)，使學(xué)生了解餅圖的概念，熟悉餅圖的用法，掌握靜態(tài)餅圖和動(dòng)態(tài)餅圖的制作方法?！局攸c(diǎn)和難點(diǎn)】掌握靜態(tài)餅圖和動(dòng)態(tài)餅圖的制作方法?！舅颊四繕?biāo)】通過(guò)深入理解餅圖的內(nèi)涵，培養(yǎng)學(xué)生用數(shù)據(jù)說(shuō)話、嚴(yán)謹(jǐn)求實(shí)的治學(xué)理念，強(qiáng)化理想信念，培植專業(yè)職業(yè)素養(yǎng)，加強(qiáng)職業(yè)道德、專業(yè)倫理、科學(xué)精神和工匠精神教育?！菊n程學(xué)習(xí)目標(biāo)】了解餅圖的概念，熟悉餅圖的用法，掌握靜態(tài)餅圖和動(dòng)態(tài)餅圖的制作方法。【教學(xué)內(nèi)容】第一節(jié)靜態(tài)餅圖第二節(jié)動(dòng)態(tài)餅圖【思考題】自選數(shù)據(jù)集，使用Echarts制作一幅動(dòng)態(tài)餅圖?！緟⒖紩考捌渌娮淤Y源】數(shù)據(jù)可視化，陳為等，電子工業(yè)出版社ApacheEchartsAPI手冊(cè)：/zh/index.html第十二章散點(diǎn)圖【教學(xué)目的與要求】通過(guò)本章教學(xué)，使學(xué)生了解散點(diǎn)圖的概念，熟悉散點(diǎn)圖的用法，掌握靜態(tài)散點(diǎn)圖和動(dòng)態(tài)散點(diǎn)圖的制作方法。【重點(diǎn)和難點(diǎn)】掌握靜態(tài)散點(diǎn)圖，動(dòng)態(tài)散點(diǎn)圖和動(dòng)態(tài)三維散點(diǎn)圖的制作方法。【思政育人目標(biāo)】通過(guò)散點(diǎn)圖在空氣質(zhì)量與氣象要素關(guān)系分析中的應(yīng)用，引導(dǎo)學(xué)生關(guān)注環(huán)境數(shù)據(jù)的科學(xué)性分析，理解技術(shù)在變量關(guān)系挖掘中的價(jià)值；結(jié)合Echarts-GL框架實(shí)現(xiàn)三維可視化，培養(yǎng)學(xué)生的技術(shù)探索精神與創(chuàng)新意識(shí)；通過(guò)前后端協(xié)同開發(fā)多維度散點(diǎn)圖的實(shí)踐，強(qiáng)化學(xué)生的團(tuán)隊(duì)協(xié)作