How to Visualize Data with JavaScript

By: Elisabeth Robson

Write A Review

eText | 25 May 2021 | Edition Number 1

At a Glance

Format
PDF

eText

$59.39

or 4 interest-free payments of $14.85 with

Instant online reading in your Booktopia eTextbook Library *

Why choose an eTextbook?

Instant Access *

Purchase and read your book immediately

Read Aloud

Listen and follow along as Bookshelf reads to you

Study Tools

Built-in study tools like highlights and more

* eTextbooks are not downloadable to your eReader or an app and can be accessed via web browsers only. You must be connected to the internet and have no technical issues with your device or browser that could prevent the eTextbook from operating.

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

Book 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

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

Who this book is for

This course is for developers who want to practice their JavaScript skills and use JavaScript to create visualizations. Also, developers who are interested in climate change and visualizing climate data can benefit from the course.