Raasch, J: JavaScript and jQuery for Data Analysis

Length 82Custom HTML5 Validation Rules 83Custom HTML5 Validation Messages 83h5Validate Polyfi ll 84jQuery Validation Engine 85Getting Started with jQuery Validation Engine 85Validators 86Error Messages 90Summary 91CHAPTER 7: EXAMINING AND SORTING DATA TABLES 93Outputting Basic Table Data 94Building a Table 94Using Semantic Table Markup 96Labeling Your Table 101Configuring the Columns 102Assuring Maximum Readability 105Styling Your Table 106Increasing Readability 108Adding Dynamic Highlighting 114Including Computations 116Using JavaScript for Calculations 120Populating the Table 123Using the DataTables Library 125Making Pretty Tables with DataTables 126Sorting with DataTables 128Using Calculated Columns with DataTables 130Relating a Data Table to a Chart 133Mashing Visualizations Together 133Summary 144CHAPTER 8: STATISTICAL ANALYSIS ON THE CLIENT SIDE 145Statistical Analysis with jStat 146Getting Started with jStat 146Stat 101 147Rendering Probability Distributions with Flot 149Getting Started with Flot 149Rendering the Normal Curve 151Summary 153PART III: VISUALIZING DATA PROGRAMMATICALLYCHAPTER 9: EXPLORING CHARTING TOOLS 157Creating HTML5 Canvas Charts 158HTML5 Canvas Basics 158Linear Interpolation 159A Simple Column Chart 160Implementing Axes 176Adding Animation 183Starting with Google Charts 194Google Charts API Basics 195A Basic Bar Chart 195A Basic Pie Chart 197Working with Chart Animations 198Summary 201CHAPTER 10: BUILDING CUSTOM CHARTS WITH RAPHAËL 203Introducing Raphaël 204SVG Versus Canvas Charts 204Getting Started with Raphaël 204Drawing Paths 205Importing Custom Shapes into Raphaël 206Animating Raphaël Graphics 208Handling Mouse Events with Raphaël 208Working with gRaphaël 209Creating Pie Charts 209Creating Line Charts 211Creating Bar and Column Charts 213Extending Raphaël to Create Custom Charts 216Setting Up with Common Patterns 216Drawing an Arc 217Massaging Data into Usable Values 221Adding Mouse Interactivity 225Labeling the Data 227Wrapping Up 229Summary 232CHAPTER 11: INTRODUCING D3 233Getting Started 235DOM and SVG 236.select 237.selectAll 238.data() (Also Known As Data Joining) 239Key Functions 249.transition() 250Object Constancy 253Nested Selections 255D3 Helper Functions 257Drawing Lines 257Scales 258D3 Helper Layouts 260Summary 264CHAPTER 12: INCORPORATING SYMBOLS 265Working with SVG Symbols with D3 266Creating a D3 Line Chart 266Adding Symbols to the Line 271Making the Symbols Interactive 273Canvas Symbols with Ignite UI igDataChart 276Creating a Line Chart with Ignite UI igDataChart 277Adding Symbols to the Chart 281Creating a Bubble Chart 284Summary 289CHAPTER 13: MAPPING GLOBAL, REGIONAL, AND LOCAL DATA 291Working with Google Maps 292The Basics of Mapping Visualizations 292The Google Maps API v3 294Customizing Maps with Iconography 297Displaying a Map Marker 297Preparing Data to Plot on a Map 299Plotting Point Data Using Markers 303Plotting an Additional Statistic Using Marker Area 307Displaying Data Density with Heat Maps 310Plotting Data on Choropleth Maps 314Obtaining Geometry to Plot on a Map 314Converting Geometry for Display Using Topojson 315Rendering Map Geometry Using D3 316Displaying Statistics Using a Choropleth Map 319Summary 326CHAPTER 14: CHARTING TIME SERIES WITH IGNITE UI IGDATACHART 327Working with Stocks 328The Basics of Stock Data 328Obtaining Some Stock Data 329Candlesticks and OHLC Visualizations 329Implementing Ignite UI igDataChart 331Obtaining Ignite UI 332Implementing a Stock Chart Using igDataChart 333Adding a Zoom Bar to the Chart 342Adding a Synchronized Chart 344Working with Technical Analysis Tools 347Plotting Real-Time Data 348Creating a Node Push Data Service 349Receiving Updates in the Client 353Exploring Update Rendering Techniques 359Plotting Massive Data 361Summary 366PART IV: INTERACTIVE ANALYSIS AND VISUALIZATION PROJECTSCHAPTER 15: BUILDING AN INTERCONNECTED DASHBOARD 371The U.S. Census API 372Rendering Charts 373Sex Chart 373Race Chart 375Household Size Chart 377Household Tenure Chart 378Age by Sex Chart 379Population History Chart 384Creating the Dashboard 386Basic Markup and Styling 386Responsive Layer 389Connecting Components with Backbone 390Establishing Models and Collections 391Converting the Chart Markup to a JavaScript Template 392Creating the State Drop-down Menu 394Rendering State Changes 396Next Steps 410Rerendering on Resize 411Other Improvements 411Summary 411CHAPTER 16: D3 IN PRACTICE 413Making D3 Look Perfect 414Inline Styles Versus CSS 414Margin 414Ordering 415Pointer Events 416Crisp Edges 416Working with Axes 417Working with the Voronoi Map 421A Basic Voronoi Map 421Voronoi Point Picking 424Making Reusable Visualizations 427Summary 434INDEX 435