JavaScript and jQuery for Data Analysis and Visualization

Go beyond design concepts--build dynamic data
visualizations using JavaScript

JavaScript and jQuery for Data Analysis and Visualization
goes beyond design concepts to show readers how to build dynamic,
best-of-breed visualizations using JavaScript--the most
popular language for web programming.

The authors show data analysts, developers, and web designers
how they can put the power and flexibility of modern JavaScript
libraries to work to analyze data and then present it using
best-of-breed visualizations. They also demonstrate the use of each
technique with real-world use cases, showing how to apply the
appropriate JavaScript and jQuery libraries to achieve the desired
visualization.

All of the key techniques and tools are explained in this
full-color, step-by-step guide. The companion website includes all
sample codes used to generate the visualizations in the book, data
sets, and links to the libraries and other resources covered.

• Go beyond basic design concepts and get a firm grasp of
  visualization approaches and techniques using JavaScript and
  jQuery

• Discover detailed, step-by-step directions for building
  specific types of data visualizations in this full-color guide

• Learn more about the core JavaScript and jQuery libraries that
  enable analysis and visualization

• Find compelling stories in complex data, and create amazing
  visualizations cost-effectively

Let JavaScript and jQuery for Data Analysis and
Visualization be the resource that guides you through the
myriad strategies and solutions for combining analysis and
visualization with stunning results.

Auteur

Jon Raasch is a freelance web developer and author of
several books. A user-experience junkie, he builds HTML5 and
JavaScript apps for desktop and mobile devices.

Graham Murray is a software architect specializing in
building UI development tools.

Vadim Ogievetsky is a data flow processor at Metamarkets,
where he works with data visualization framework development.

Joseph Lowery is a professional web designer and online
trainer with courses on website and app creation as well as data
visualization at Lynda.com.

Wrox guides are crafted to make learning programming
languages and technologies easier than you think. Written by
programmers for programmers, they provide a structured, tutorial
format that will guide you through all the techniques involved.

Résumé
Go beyond design conceptsbuild dynamic data visualizations using JavaScript JavaScript and jQuery for Data Analysis and Visualization goes beyond design concepts to show readers how to build dynamic, best-of-breed visualizations using JavaScriptthe most popular language for web programming.

The authors show data analysts, developers, and web designers how they can put the power and flexibility of modern JavaScript libraries to work to analyze data and then present it using best-of-breed visualizations. They also demonstrate the use of each technique with real-world use cases, showing how to apply the appropriate JavaScript and jQuery libraries to achieve the desired visualization.

All of the key techniques and tools are explained in this full-color, step-by-step guide. The companion website includes all sample codes used to generate the visualizations in the book, data sets, and links to the libraries and other resources covered.

• Go beyond basic design concepts and get a firm grasp of visualization approaches and techniques using JavaScript and jQuery
• Discover detailed, step-by-step directions for building specific types of data visualizations in this full-color guide
• Learn more about the core JavaScript and jQuery libraries that enable analysis and visualization
• Find compelling stories in complex data, and create amazing visualizations cost-effectively
  Let JavaScript and jQuery for Data Analysis and Visualization be the resource that guides you through the myriad strategies and solutions for combining analysis and visualization with stunning results.

Contenu

INTRODUCTION xix

PART I: THE BEAUTY OF NUMBERS MADE VISIBLE

CHAPTER 1: THE WORLD OF DATA VISUALIZATION 3

Bringing Numbers to Life 4

Acquiring the Data 4

Visualizing the Data 4

Simultaneous Acquisition and Visualization 6

Applications of Data Visualization 7

Uses in the Public Sector 7

Business-to-Business and Intrabusiness Uses 8

Business-to-Consumer Uses 8

Web Professionals: In the Thick of It 9

Control of Presentation 9

What Tech Brings to the Table 11

Faster and Better JavaScript Processing 12

Rise of HTML5 12

Lowering the Implementation Bar 13

Summary 14

CHAPTER 2: WORKING WITH THE ESSENTIALS OF ANALYSIS 17

Key Analytic Concepts 18

Mean Versus Median 18

Standard Deviation 19

Working with Sampled Data 20

Standard Deviation Variation 20

Per Capita Calculations 21

Margin of Error 21

Detecting Patterns with Data Mining 22

Projecting Future Trends 23

Summary 25

CHAPTER 3: BUILDING A VISUALIZATION FOUNDATION 27

Exploring the Visual Data Spectrum 28

Charting Primitives 28

Exploring Advanced Visualizations 40

Candlestick Chart 42

Bubble Chart 42

Surface Charts 44

Map Charts 46

Infographics 46

Making Use of the HTML5 Canvas 49

Integrating SVG 52

Summary 54

PART II: WORKING WITH JAVASCRIPT FOR ANALYSIS

CHAPTER 4: INTEGRATING EXISTING DATA 57

Reading Data from Standard Text Files 58

Working Asynchronously 58

Reading CSV Files 59

Incorporating XML Data 61

Understanding the XML Format 61

Getting XML Data 62

Styling with XSLT 63

Displaying JSON Content 66

Understanding JSON Syntax 66

Reading JSON Data 67

Asynchronous JSON 68

Summary 71

CHAPTER 5: ACQUIRING DATA INTERACTIVELY 73

Using HTML5 Form Controls 73

Introducing HTML5 Input Types 74

Form Widgets and Data Formatting 74

Maximizing Mobile Forms 75

Using Contextual Keyboards 76

Styling Mobile Forms for Usability 77

Form Widgets for Mobile 77

Summary 77

CHAPTER 6: VALIDATING YOUR DATA 79

Server-Side Versus Client-Side Validation 80

Native HTML5 Validation 81

Native Versus JavaScript Validation 81

Getting Started with HTML5 Validation 82

HTML5 Validation for Numbers 82

Required Fields and Max Length 82

Custom HTML5 Validation Rules 83

Custom HTML5 Validation Messages 83

h5Validate Polyfi ll 84

jQuery Validation Engine 85

Getting Started with jQuery Validation Engine 85

Validators 86

Error Messages 90

Summary 91

CHAPTER 7: EXAMINING AND SORTING DATA TABLES 93

Outputting Basic Table Data 94

Building a Table 94

Using Semantic Table Markup 96

Labeling Your Table 101

Configuring the Columns 102

Assuring Maximum Readability 105

Styling Your Table 106

Increasing Readability 108

Adding Dynamic Highlighting 114

Including Computations 116

Using JavaScript for Calculations 120

Populating the Table 123

Using the DataTables Library 125

Making Pretty Tables with DataTables 126

Sorting with DataTables 128

Using Calculated Columns with DataTables 130

Relating a Data Table to a Chart 133

Mashing Visualizations Together 133

Summary 144 **CHAP...