Data visualization with D3 and AngularJS : build dynamic and interactive visualizations from real-world data with D3 on AngularJS / Christoph Körner.

Format:

Book

Author/Creator:

Korner, Christoph, author.

Series:

Community experience distilled.

Community Experience Distilled

Language:

English

Subjects (All):

AngularJS (Software framework).

Information visualization.

Physical Description:

1 online resource (278 p.)

Edition:

1st edition

Other Title:

Build dynamic and interactive visualizations from real-world data with D3 on AngularJS

Place of Publication:

Birmingham, England : Packt Publishing, 2015.

Language Note:

English

System Details:

text file

Summary:

If you are a web developer with experience in AngularJS and want to implement interactive visualizations using D3.js, this book is for you. Knowledge of SVG or D3.js will give you an edge to get the most out of this book.

Contents:

Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: The Magic of SVG, D3.js, and AngularJS; Building a real-time dashboard to visualize server logs; Terminology and definitions; Document Object Model; Vector graphics and Scalable Vector Graphics; Pixel graphics; Understanding Data-Driven Documents; Why do we use D3.js?; The killer feature - data joins; Finding resources; D3.js meets AngularJS; Testable and maintainable components; Custom directives; Custom filters; Custom loading and parsing service

A brief overview of visualization tools for the WebJava and Flash; Raphaël (JavaScript - SVG/VML); Protovis (JavaScript - SVG); D3.js (JavaScript - HTML/SVG); Canvas API (JavaScript - Canvas); Three.js (JavaScript - WebGL); Summary; Chapter 2: Getting Started with D3.js; Building a simple scatter plot application; Creating an HTML template for D3.js; Selecting and modifying DOM elements; A closer look at Selections; selection.attr(name[, value]); selection.style(name[, value[, priority]]); selection.property(name[, value]); selection.text([value]); selection.append(name)

array.reduce(callback [, initialValue])More array manipulation with D3.js; d3.min(array[, accessor]); d3.max(array[, accessor]); d3.sum(array[, accessor]); d3.mean(array[, accessor]); d3.median(array[, accessor]); d3.shuffle(array); d3.permute(array, indexes); d3.merge(array); d3.range([start, ]stop[, step); d3.zip(array, array, ...); d3.pairs(array); d3.keys(object); d3.values(object); d3.entries(object); Grouping elements with d3.nest; Formatting numbers and dates; Specifying a number format; Types of formatting; Precision; Thousands separator; Width; Zero padding; Currency symbol; Signs

The align propertyThe fill option; Customizing date and time formats; Working with scales; Quantitative scales for continuous data (numbers); scale.domain([numbers]); scale.range([numbers]); scale.clamp([boolean]); scale.nice([count]); scale.ticks([count]); scale.tickFormat(count [,specifier]); Ordinal scales for discrete data (strings); scale.rangePoints(interval [, padding]); scale.rangeBands(interval [, padding [, outerPadding ]]); scale.rangeBand(); scale.rangeExtent(); Predefined ordinal color scales; Time scales for time data (date and time); All about axes; Drawing the axis

Adding axes to the scatter chart

Notes:

Includes index.

Description based on online resource; title from PDF title page (ebrary, viewed May 16, 2015).

OCLC:

910639603