How to Visualize Data with JavaScript

数据可视化是以图形或图形格式表示的数据。有时我们会绘制简单的折线图，例如全局表面温度的图。有时，我们使用地图，例如2018年6月15日的美国高温地图。其他可视化类型包括条形图，散点图，饼图，气泡图，热图，树形图，克罗洛普斯图，sankey图和更多的。甚至艺术也可以可视化数据。

在本课程中，我们将学习如何使用简单的JavaScript以及HTML和CSS将数据可视化整合到您的Web技能中。我们将引导您使用从NOAA下载的数据构建交互式可视化，将数据读取到网页中，使用JavaScript代码将数据添加到HTML表中，使用JavaScript和CSS为可视化添加颜色，并使用一些jQuery进行选择并轻松更新页面中的元素。

为了成功完成该项目，我们建议您具有HTML，CSS和JavaScript的背景知识。您无需以任何方式成为专家，但是您应该具有使用HTML和CSS构建网页的经验，并且应该具有JavaScript的基本编程技能。

MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz, 2 Ch
May 2021 | ISBN: 9781801814140 | English
Duration: 13 Lessons (1h 1m) | Size: 849.4 MB
Learn how to visualize trends in temperature data with HTML, CSS, JavaScript, and jQuery

Key Features
Build an interactive visualization using data downloaded from NOAA
Add color to the visualization with JavaScript and CSS
Use a little jQuery to make selecting and updating elements in the page easy

What You Will Learn
How to read JSON data into your JavaScript application
How to create HTML elements to put your data into a webpage
How to style the table data and color legend with CSS
How to use JavaScript and jQuery to create elements
Add the Color Legend
Style the visualization with CSS

About
Data visualizations are representations of data in pictorial or graphical format. Sometimes we draw a simple line graph, like the graph of global surface temperature; sometimes, we use maps, like the high-temperature map for the United States for June 15, 2018. Other types of visualization include bar graphs, scatter plots, pie charts, bubble charts, heatmaps, treemaps, cloropleth maps, sankey diagrams, and more. Even art can visualize data.

In this course, we’ll learn how to incorporate data visualization into your web skills using simple JavaScript along with HTML and CSS. We will take you through building an interactive visualization using data downloaded from NOAA, reading data into a webpage, adding the data to an HTML table with JavaScript code, adding color to the visualization with JavaScript and CSS, and using a little jQuery to make selecting and updating elements in the page easy.

To successfully complete this project, we recommend that you have some background in HTML, CSS, and JavaScript. You don’t need to be an expert by any means, but you should have experience building web pages with HTML and CSS and you should have basic programming skills in JavaScript.

By the end of this course, you will be able to visualize your data with JavaScript.

All the resources and supportive files for this course are available athttps://github.com/PacktPublishing/How-to-Visualize-Data-with-JavaScript