D3 Data Driven Documents Pocket Primer 1st Edition by Oswald Campesato 1942270690 9781942270690

Elements with Gradient Effects

Working with Portable Network Graphics Files

D3 Application Programing Interface Reference

Additional Code Samples on the CD

Summary

Chapter 2: Arrays, Mouse Events, and Animation Effects

Finding the Maximum and Minimum Values in an Array

Working with Multidimensional Arrays

Two-Dimensional Arrays and Scatter Charts

D3 Data Scaling Functions

Other D3.js Scaling Functions

D3 Path Data Generator

What About this, $this, and $(this)?

D3 and Mouse Events

Mouse Events and Randomly Located Two-Dimensional Shapes

A “Follow the Mouse” Example

A Drag-and-Drop Example

Animation Effects with D3

Easing Functions in D3

Zoom, Pan, and Rescale Effects with D3

Handling Keyboard Events with D3

Additional Code Samples on the CD

Summary

Chapter 3: Working with Bar Charts in D3

A Simple Horizontal Bar Chart

Rendering Horizontal and Vertical Axes with Labels

A Scaled Vertical Bar Chart with Labeled Axes

Using Date and Time Stamps to Label Axes

D3 Bar Charts with Unicode Characters

Bar Charts with Three-Dimensional Effects

Bar Charts with Filter Effects and Tooltips

Additional Filter Effects

Updating Bar Charts

Dynamically Adding and Removing Data From Bar Charts

Scrolling Animation Effects with Bar Charts

Additional Code Samples on the CD

Summary

Chapter 4: Other Chart Types and Data Formats

Rendering A Line Graph

Rendering Multiple Nonlinear Graphs

Scatter Charts with Axes and Mouse Events

Selecting Equal Data Points in Scatter Charts

Rendering Pie Charts

A Histogram with Animation Effects

Working with Other Data Formats and Data Files

The XMLHttpRequest Request Object

The jQuery .ajax() Method

Useful D3 Methods for CSV Files

CSV: Synchronous Versus Nonsynchronous D3 Methods

Line Graphs with CSV Data and Mouse Events

Bar Charts with Three-Dimensional Effects from Comma-Separated-Value Files

Additional Code Samples on the CD

Summary

Chapter 5: SVG Essentials

Overview of SVG

Basic Two-Dimensional Shapes in SVG

SVG Gradients and the Element

SVG Element

Bezier Curves and Transforms

SVG Filters and Shadow Effects

Rendering Text Along an SVG Element

SVG Transforms

The SVG Element

Other SVG Features

SVG Animation

Creating Three-Dimensional Effects in SVG

SVG and HTML

SVG and JavaScript

CSS3 and SVG

CSS3 and SVG Bar Charts

Similarities and Differences Between SVG And CSS3

SVG and XSLT (Extensible Stylesheet Language Transformations)

Additional Code Samples on the CD

Summary

Chapter 6: Introduction to CSS3 Graphics and Animation

CSS3 Support and Browser-Specific Prefixes for CSS3

Quick Overview of CSS3 Features

CSS3 Pseudoclasses, Attribute Selection, and Relational Symbols

CSS3 Pseudoclasses

CSS3 Attribute Selection

CSS3 Shadow Effects and Rounded Corners

Specifying Colors with Red/Green/Blue Triples and Hue/Saturation/Lightness Representations

CSS3 and Text Shadow Effects

CSS3 and Box Shadow Effects

CSS3 and Rounded Corners

CSS3 Gradients

Linear Gradients

Radial Gradients

CSS3 Two-Dimensional Transforms

Rotate Transforms

CSS3 Three-Dimensional Animation Effects

CSS3 Media Queries

CSS3 and SVG

Additional Code Samples on the CD

Summary

Chapter 7: D3 with CSS3, SVG, and HTML5 Canvas

D3 Code Samples with HTML5 Canvas

Updated CSS3 Stylesheets for this Chapter

D3 and CSS3 Effects

D3 and CSS3 Animation Effects

D3 and HTML5 Canvas

D3 and SVG

Bubble Charts with JSON Data

Additional Code Samples on the CD

Summary

Chapter 8: D3 with Ajax, HTML5 WebSockets, and NodeJS

D3 and Ajax Requests

D3 with PHP Data

D3 with MySQL Data

D3 Bar Charts with a WebSocket Server

D3 and NodeJS (Optional)

Inserting an Element in an HTML Web Page

Rendering SVG Graphics with D3 and NodeJS (Optional)

Additional Code Samples on the CD

Summary

Chapter 9: Miscellaneous D3 Application Programming Interfaces and Other Toolkits

Maps in D3 (Choropleth)

Adding Tooltips to a United States Map

D3 and Google Maps

GeoJSON and D3 TopoJSON

Other Maps

The D3 Force Layout

Using D3 Force with CSS Instead of SVG

D3 Trees

Voronoi Diagrams

Toolkits That are D3 Extensions

The ChartBuilder Extension

The CrossFilter Extension

The dc.js Extension

Rickshaw

D3 and Other Toolkits

D3 Plugins

DVL(Dynamic Visualization LEGO) for Data Visualization

Vega: A Visualization Grammar

NVD3

DexChart: Reusable Charts

R Programming with D3-Based Toolkits

Additional D3 APIs

The D3 Brushes API

D3 and HTML5 Web Audio

What About D3 for Three-Dimensional Graphics and Animation?

Other D3 Resources

Additional Code Samples on the CD

Summary

Chapter 10: HTML5 Mobile Applications on Android and iOS

HTML5/CSS3 and Android Applications

SVG and Android Applications

HTML5 Canvas and Android Applications

Android and HTML5 Canvas Multiline Graphs

What is PhoneGap?

How Does PhoneGap Work?

Software Dependencies for PhoneGap 3.0

Creating Android Hybrid Applications with PhoneGap 3.0

Creating iOS Hybrid Applications with PhoneGap 3.0

Requirements for Deploying Mobile Apps to iOS Devices

Rendering a CSS3 Cube on iOS Using PhoneGap

D3 and Android Applications

D3 and iOS Applications

Developing D3-Based Mobile Applications for Google Glass

How does Google Glass Work?

Supported HTML5 Tags

Unsupported HTML5 Tags

Deploying Android Applications to Google Glass

Displaying Google Glass in an Emulator

Other Useful Links for Google Glass

Other Google Glass Code Samples

Additional Code Samples on the CD

Summary

Index