Cover Image

JavaScript and jQuery for data analysis and visualization /

Show other versions (1)

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 h...

Full description

Bibliographic Details
Main Authors: Raasch, Jon (Author), Murray, Graham (Author), Ogievetsky, Vadim (Author), Lowery, Joseph (Joseph W.) (Author)
Format: eBook
Language:English
Published: Indianapolis, IN : John Wiley & Sons, [2015]
Subjects:
JQuery.
JavaScript (Computer program language)
Electronic books.
Online Access:Connect to the full text of this electronic book
Table of Contents:
  • Ch. 1 The World Of Data Visualization
  • Bringing Numbers to Life
  • Acquiring the Data
  • Visualizing the Data
  • Simultaneous Acquisition and Visualization
  • Applications of Data Visualization
  • Uses in the Public Sector
  • Business-to-Business and Intrabusiness Uses
  • Business-to-Consumer Uses
  • Web Professionals: In the Thick of It
  • Control of Presentation
  • What Tech Brings to the Table
  • Faster and Better JavaScript Processing
  • Rise of HTML5
  • Lowering the Implementation Bar
  • Summary
  • ch. 2 Working With The Essentials Of Analysis
  • Key Analytic Concepts
  • Mean Versus Median
  • Standard Deviation
  • Working with Sampled Data
  • Standard Deviation Variation
  • Per Capita Calculations
  • Margin of Error
  • Detecting Patterns with Data Mining
  • Projecting Future Trends
  • Summary
  • ch. 3 Building A Visualization Foundation
  • Exploring the Visual Data Spectrum
  • Charting Primitives
  • Exploring Advanced Visualizations.
  • Candlestick Chart
  • Bubble Chart
  • Surface Charts
  • Map Charts
  • Infographics
  • Making Use of the HTML5 Canvas
  • Integrating SVG
  • Summary
  • ch. 4 Integrating Existing Data
  • Reading Data from Standard Text Files
  • Working Asynchronously
  • Reading CSV Files
  • Incorporating XML Data
  • Understanding the XML Format
  • Getting XML Data
  • Styling with XSLT
  • Displaying JSON Content
  • Understanding JSON Syntax
  • Reading JSON Data
  • Asynchronous JSON
  • Summary
  • ch. 5 Acquiring Data Interactively
  • Using HTML5 Form Controls
  • Introducing HTML5 Input Types
  • Form Widgets and Data Formatting
  • Maximizing Mobile Forms
  • Using Contextual Keyboards
  • Styling Mobile Forms for Usability
  • Form Widgets for Mobile
  • Summary
  • ch. 6 Validating Your Data
  • Server-Side Versus Client-Side Validation
  • Native HTML5 Validation
  • Native Versus JavaScript Validation
  • Getting Started with HTML5 Validation
  • HTML5 Validation for Numbers.
  • Required Fields and Max Length
  • Custom HTML5 Validation Rules
  • Custom HTML5 Validation Messages
  • h5Validate Polyfill
  • jQuery Validation Engine
  • Getting Started with jQuery Validation Engine
  • Validators
  • Error Messages
  • Summary
  • ch. 7 Examining And Sorting Data Tables
  • Outputting Basic Table Data
  • Building a Table
  • Using Semantic Table Markup
  • Labeling Your Table
  • Configuring the Columns
  • Assuring Maximum Readability
  • Styling Your Table
  • Increasing Readability
  • Adding Dynamic Highlighting
  • Including Computations
  • Using JavaScript for Calculations
  • Populating the Table
  • Using the DataTables Library
  • Making Pretty Tables with DataTables
  • Sorting with DataTables
  • Using Calculated Columns with DataTables
  • Relating a Data Table to a Chart
  • Mashing Visualizations Together
  • Summary
  • ch. 8 Statistical Analysis On The Client Side
  • Statistical Analysis with jStat
  • Getting Started with jStat
  • Stat 101.
  • Rendering Probability Distributions with Flot
  • Getting Started with Flot
  • Rendering the Normal Curve
  • Summary
  • ch. 9 Exploring Charting Tools
  • Creating HTML5 Canvas Charts
  • HTML5 Canvas Basics
  • Linear Interpolation
  • A Simple Column Chart
  • Implementing Axes
  • Adding Animation
  • Starting with Google Charts
  • Google Charts API Basics
  • A Basic Bar Chart
  • A Basic Pie Chart
  • Working with Chart Animations
  • Summary
  • ch. 10 Building Custom Charts With Raphael
  • Introducing Raphael
  • SVG Versus Canvas Charts
  • Getting Started with Raphael
  • Drawing Paths
  • Importing Custom Shapes into Raphael
  • Animating Raphael Graphics
  • Handling Mouse Events with Raphael
  • Working with gRaphael
  • Creating Pie Charts
  • Creating Line Charts
  • Creating Bar and Column Charts
  • Extending Raphael to Create Custom Charts
  • Setting Up with Common Patterns
  • Drawing an Arc
  • Massaging Data into Usable Values
  • Adding Mouse Interactivity.
  • Labeling the Data
  • Wrapping Up
  • Summary
  • ch. 11 Introducing D3
  • Getting Started
  • DOM and SVG
  • select
  • selectAll
  • data() (Also Known As Data Joining)
  • Key Functions
  • transition()
  • Object Constancy
  • Nested Selections
  • D3 Helper Functions
  • Drawing Lines
  • Scales
  • D3 Helper Layouts
  • Summary
  • ch. 12 Incorporating Symbols
  • Working with SVG Symbols with D3
  • Creating a D3 Line Chart
  • Adding Symbols to the Line
  • Making the Symbols Interactive
  • Canvas Symbols with Ignite UI igDataChart
  • Creating a Line Chart with Ignite UI igDataChart
  • Adding Symbols to the Chart
  • Creating a Bubble Chart
  • Summary
  • ch. 13 Mapping Global, Regional, And Local Data
  • Working with Google Maps
  • The Basics of Mapping Visualizations
  • The Google Maps API v3
  • Customizing Maps with Iconography
  • Displaying a Map Marker
  • Preparing Data to Plot on a Map
  • Plotting Point Data Using Markers.
  • Plotting an Additional Statistic Using Marker Area
  • Displaying Data Density with Heat Maps
  • Plotting Data on Choropleth Maps
  • Obtaining Geometry to Plot on a Map
  • Converting Geometry for Display Using Topojson
  • Rendering Map Geometry Using D3
  • Displaying Statistics Using a Choropleth Map
  • Summary
  • ch. 14 Charting Time Series With Ignite UI IGDATACHART
  • Working with Stocks
  • The Basics of Stock Data
  • Obtaining Some Stock Data
  • Candlesticks and OHLC Visualizations
  • Implementing Ignite UI igDataChart
  • Obtaining Ignite UI
  • Implementing a Stock Chart Using igDataChart
  • Adding a Zoom Bar to the Chart
  • Adding a Synchronized Chart
  • Working with Technical Analysis Tools
  • Plotting Real-Time Data
  • Creating a Node Push Data Service
  • Receiving Updates in the Client
  • Exploring Update Rendering Techniques
  • Plotting Massive Data
  • Summary
  • ch. 15 Building An Interconnected Dashboard
  • The U.S. Census API.
  • Rendering Charts
  • Sex Chart
  • Race Chart
  • Household Size Chart
  • Household Tenure Chart
  • Age by Sex Chart
  • Population History Chart
  • Creating the Dashboard
  • Basic Markup and Styling
  • Responsive Layer
  • Connecting Components with Backbone
  • Establishing Models and Collections
  • Converting the Chart Markup to a JavaScript Template
  • Creating the State Drop-down Menu
  • Rendering State Changes
  • Next Steps
  • Rerendering on Resize
  • Other Improvements
  • Summary
  • ch. 16 D3 In Practice
  • Making D3 Look Perfect
  • Inline Styles Versus CSS
  • Margin
  • Ordering
  • Pointer Events
  • Crisp Edges
  • Working with Axes
  • Working with the Voronoi Map
  • A Basic Voronoi Map
  • Voronoi Point Picking
  • Making Reusable Visualizations
  • Summary.