Data visualization with D3 and AngularJS : build dynamic and interactive visualizations from real-world data with D3 on AngularJS

Data visualization with D3 and AngularJS build dynamic and interactive visualizations from real-world data with D3 on AngularJS

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.

Detalles Bibliográficos
Otros Autores: Körner, Christoph, author (author)
Formato: Libro electrónico
Idioma:Inglés
Publicado: Birmingham, England : Packt Publishing 2015.
Edición:1st edition
Colección:Community experience distilled.
Materias:
AngularJS (Software framework)
Information visualization.
Ver en Biblioteca Universitat Ramon Llull:https://discovery.url.edu/permalink/34CSUC_URL/1im36ta/alma991009628957506719
Tabla de Contenidos:
  • 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

Ejemplares similares