How to Visualize Data with JavaScript

Focused View

Elisabeth Robson

1:01:53

14 View

01.01-introduction.mp4

01:07

01.02-what is a visualization.mp4

03:03

01.03-inspect the data.mp4

05:57

01.04-get set up.mp4

03:16

02.01-build the html.mp4

03:16

02.02-understand the data.mp4

05:14

02.03-javascript to load the data.mp4

04:41

02.04-understand the algorithm.mp4

03:11

02.05-build the data table with javascript.mp4

06:52

02.06-add the data to the table with javascript.mp4

10:55

02.07-add the color legend.mp4

02:13

02.08-style the visualization with css.mp4

08:54

03.01-gain some insight.mp4

03:14

9781801814140 Code.zip

Description

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 at https://github.com/PacktPublishing/How-to-Visualize-Data-with-JavaScript

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Data Visualization

Elisabeth Robson

Instructor's Courses

Elisabeth Robson is a co-founder and principal at WickedlySmart, an author and software developer, and teaches online courses for O’Reilly Media and LinkedIn Learning. She’s the co-author of four best-selling titles—Head First JavaScript Programming, Head First Design Patterns, Head First HTML & CSS, and Head First HTML5 Programming—and was previously the director of special projects and co-director of the Head First series at O’Reilly Media. Prior to her work at O’Reilly Media, Elisabeth was the director of engineering at The Walt Disney Company. Elisabeth holds a master’s degree in computer science from Yale University.

PacktPub

View courses PacktPub

Packt is a publishing company founded in 2003 headquartered in Birmingham, UK, with offices in Mumbai, India. Packt primarily publishes print and electronic books and videos relating to information technology, including programming, web design, data analysis and hardware.