• No results found

JavaScript and jquery for Data Analysis and Visualization

N/A
N/A
Protected

Academic year: 2021

Share "JavaScript and jquery for Data Analysis and Visualization"

Copied!
11
0
0

Loading.... (view fulltext now)

Full text

(1)

Brochure

More information from http://www.researchandmarkets.com/reports/2766360/

JavaScript and jQuery for Data Analysis and Visualization

Description: 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.

Contents: 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

(2)

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

(3)

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

(4)

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

CHAPTER 8: STATISTICAL ANALYSIS ON THE CLIENT SIDE 145 Statistical Analysis with jStat 146

Getting Started with jStat 146 Stat 101 147

Rendering Probability Distributions with Flot 149 Getting Started with Flot 149

Rendering the Normal Curve 151 Summary 153

PART III: VISUALIZING DATA PROGRAMMATICALLY CHAPTER 9: EXPLORING CHARTING TOOLS 157 Creating HTML5 Canvas Charts 158

(5)

HTML5 Canvas Basics 158 Linear Interpolation 159 A Simple Column Chart 160 Implementing Axes 176 Adding Animation 183

Starting with Google Charts 194 Google Charts API Basics 195 A Basic Bar Chart 195 A Basic Pie Chart 197

Working with Chart Animations 198 Summary 201

CHAPTER 10: BUILDING CUSTOM CHARTS WITH RAPHAËL 203 Introducing Raphaël 204

SVG Versus Canvas Charts 204 Getting Started with Raphaël 204 Drawing Paths 205

Importing Custom Shapes into Raphaël 206 Animating Raphaël Graphics 208

Handling Mouse Events with Raphaël 208 Working with gRaphaël 209

Creating Pie Charts 209 Creating Line Charts 211

Creating Bar and Column Charts 213

Extending Raphaël to Create Custom Charts 216 Setting Up with Common Patterns 216

Drawing an Arc 217

Massaging Data into Usable Values 221 Adding Mouse Interactivity 225

Labeling the Data 227 Wrapping Up 229 Summary 232

(6)

CHAPTER 11: INTRODUCING D3 233 Getting Started 235

DOM and SVG 236 .select 237 .selectAll 238

.data() (Also Known As Data Joining) 239 Key Functions 249 .transition() 250 Object Constancy 253 Nested Selections 255 D3 Helper Functions 257 Drawing Lines 257 Scales 258 D3 Helper Layouts 260 Summary 264

CHAPTER 12: INCORPORATING SYMBOLS 265 Working with SVG Symbols with D3 266 Creating a D3 Line Chart 266

Adding Symbols to the Line 271 Making the Symbols Interactive 273

Canvas Symbols with Ignite UI igDataChart 276 Creating a Line Chart with Ignite UI igDataChart 277 Adding Symbols to the Chart 281

Creating a Bubble Chart 284 Summary 289

CHAPTER 13: MAPPING GLOBAL, REGIONAL, AND LOCAL DATA 291 Working with Google Maps 292

The Basics of Mapping Visualizations 292 The Google Maps API v3 294

Customizing Maps with Iconography 297 Displaying a Map Marker 297

(7)

Plotting Point Data Using Markers 303

Plotting an Additional Statistic Using Marker Area 307 Displaying Data Density with Heat Maps 310

Plotting Data on Choropleth Maps 314 Obtaining Geometry to Plot on a Map 314

Converting Geometry for Display Using Topojson 315 Rendering Map Geometry Using D3 316

Displaying Statistics Using a Choropleth Map 319 Summary 326

CHAPTER 14: CHARTING TIME SERIES WITH IGNITE UI IGDATACHART 327 Working with Stocks 328

The Basics of Stock Data 328 Obtaining Some Stock Data 329

Candlesticks and OHLC Visualizations 329 Implementing Ignite UI igDataChart 331 Obtaining Ignite UI 332

Implementing a Stock Chart Using igDataChart 333 Adding a Zoom Bar to the Chart 342

Adding a Synchronized Chart 344

Working with Technical Analysis Tools 347 Plotting Real-Time Data 348

Creating a Node Push Data Service 349 Receiving Updates in the Client 353

Exploring Update Rendering Techniques 359 Plotting Massive Data 361

Summary 366

PART IV: INTERACTIVE ANALYSIS AND VISUALIZATION PROJECTS CHAPTER 15: BUILDING AN INTERCONNECTED DASHBOARD 371 The U.S. Census API 372

Rendering Charts 373 Sex Chart 373

(8)

Race Chart 375

Household Size Chart 377 Household Tenure Chart 378 Age by Sex Chart 379 Population History Chart 384 Creating the Dashboard 386 Basic Markup and Styling 386 Responsive Layer 389

Connecting Components with Backbone 390 Establishing Models and Collections 391

Converting the Chart Markup to a JavaScript Template 392 Creating the State Drop-down Menu 394

Rendering State Changes 396 Next Steps 410

Rerendering on Resize 411 Other Improvements 411 Summary 411

CHAPTER 16: D3 IN PRACTICE 413 Making D3 Look Perfect 414 Inline Styles Versus CSS 414 Margin 414

Ordering 415 Pointer Events 416 Crisp Edges 416 Working with Axes 417

Working with the Voronoi Map 421 A Basic Voronoi Map 421

Voronoi Point Picking 424

Making Reusable Visualizations 427 Summary 434

(9)

Ordering: Order Online - http://www.researchandmarkets.com/reports/2766360/

Order by Fax - using the form below

Order by Post - print the order form below and send to Research and Markets,

Guinness Centre, Taylors Lane, Dublin 8, Ireland.

(10)

Page 1 of 2

Fax Order Form

To place an order via fax simply print this form, fill in the information below and fax the completed form to 646-607-1907 (from USA) or +353-1-481-1716 (from Rest of World). If you have any questions please visit

http://www.researchandmarkets.com/contact/

Order Information

Please verify that the product information is correct.

Product Format

Please select the product format and quantity you require:

* Shipping/Handling is only charged once per order.

Contact Information

Please enter all the information below in BLOCK CAPITALS

Product Name: JavaScript and jQuery for Data Analysis and Visualization Web Address: http://www.researchandmarkets.com/reports/2766360/

Office Code: SC

Quantity

Hard Copy

(Paper back): USD 113 + USD 28 Shipping/Handling

Title: Mr Mrs Dr Miss Ms Prof

First Name: Last Name:

Email Address: * Job Title: Organisation: Address: City:

Postal / Zip Code: Country:

Phone Number: Fax Number:

(11)

Page 2 of 2

Payment Information

Please indicate the payment method you would like to use by selecting the appropriate box.

Please fax this form to:

(646) 607-1907 or (646) 964-6609 - From USA

+353-1-481-1716 or +353-1-653-1571 - From Rest of World

Pay by credit card: You will receive an email with a link to a secure webpage to enter yourcredit card details.

Pay by check: Please post the check, accompanied by this form, to: Research and Markets,

Guinness Center, Taylors Lane, Dublin 8, Ireland.

Pay by wire transfer: Please transfer funds to:

Account number 833 130 83

Sort code 98-53-30

Swift code ULSBIE2D

IBAN number IE78ULSB98533083313083 Bank Address Ulster Bank,

27-35 Main Street, Blackrock, Co. Dublin, Ireland. If you have a Marketing Code please enter it below:

Marketing Code:

Please note that by ordering from Research and Markets you are agreeing to our Terms and Conditions at http://www.researchandmarkets.com/info/terms.asp

References

Related documents

In the context of initiatives to develop the scholarship of teaching and learning in a large research-intensive university in Australia, this paper discusses the relationship

(b) kfanager-Ievel excise fax, Section 4965(a)(2) imposes a manager-level excise tax on "entity managers," as defined in sedion 4965(d), of tax- exempt unlities who approve

T h e irony of his subsequent Christian naming (an imperial act of claiming), as the rock upon which the Church will be built, is that it is an image of solid inflexibility totally

Not surprisingly, film festival research is conducted in the humanities as well as social sciences, most notably by film and media scholars but also as part

The aim of this paper is to discuss the usefulness of the Physical Examination of the Newborn Clinical Assessment Tool (PENCAT), which was originally developed as assessment

• If you have a parent, who has a government-issued photo ID, he/she can request a copy of your birth certificate as described above: fill out the form, photocopy their ID, mail both

Egipatska odjeća za žene je najčešće bila omotana oko tijela te završavala čvorom ispod grudi.. Omatanjem plahte su se dešavali nabori tkanine

I have included a lengthy list of resources, mostly web accessible that can be a good point from which to start some of the secondary research, ideas on primary research,