logo
Product categories

EbookNice.com

Most ebook files are in PDF format, so you can easily read them using various software such as Foxit Reader or directly on the Google Chrome browser.
Some ebook files are released by publishers in other formats such as .awz, .mobi, .epub, .fb2, etc. You may need to install specific software to read these formats on mobile/PC, such as Calibre.

Please read the tutorial at this link.  https://ebooknice.com/page/post?id=faq


We offer FREE conversion to the popular formats you request; however, this may take some time. Therefore, right after payment, please email us, and we will try to provide the service as quickly as possible.


For some exceptional file formats or broken links (if any), please refrain from opening any disputes. Instead, email us first, and we will try to assist within a maximum of 6 hours.

EbookNice Team

(Ebook) Data Visualization with D3 and AngularJS 1st Edition by Christoph Korner ISBN 9781784398484 1784398489

  • SKU: EBN-55921042
Zoomable Image
$ 32 $ 40 (-20%)

Status:

Available

4.4

32 reviews
Instant download (eBook) Data Visualization with D3 and AngularJS after payment.
Authors:Korner, Christoph
Pages:278 pages.
Year:2015
Editon:1
Publisher:Packt Publishing
Language:english
File Size:5.97 MB
Format:pdf
ISBNS:9781784398484, 1784398489
Categories: Ebooks

Product desciption

(Ebook) Data Visualization with D3 and AngularJS 1st Edition by Christoph Korner ISBN 9781784398484 1784398489

(Ebook) Data Visualization with D3 and AngularJS 1st Edition  by Christoph Korner - Ebook PDF Instant Download/Delivery: 9781784398484, 1784398489
Full download (Ebook) Data Visualization with D3 and AngularJS 1st Edition  after payment

Product details: 

ISBN 10:1784398489

ISBN 13: 9781784398484

Author: Christoph Korner

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

About This Book
Explore the powerful vector graphics capabilities of modern browsers to build customized cross-platform visualizations using D3.js's data-driven techniques
Learn how to modularize a visualization into reusable and testable components using the powerful concepts of modern web application design with AngularJS
This is a step-by-step learning guide closely focused on developing responsive data visualization apps and AngularJS best practices with D3.js
Who This Book Is For
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.

What You Will Learn
Design, implement, and integrate an interactive dashboard to visualize server logs in real time using D3 graphics
Learn cross-platform vector graphics to implement a dashboard visualization
Perform data-driven transformations on selected HTML and SVG nodes
Map, group, and filter datasets and create scales and axes
Modularize data visualization information into reusable components to seamlessly integrate them into an AngularJS application
Load, parse, and preprocess external data and autoupdate the visualization
Design various chart types such as scatter, line, bar, or area and extend built-in shapes
Create custom animations and transitions for the visualization
Implement interactions and controls for the visualization preserving two-way binding between D3 and AngularJS components
In Detail
Using D3.js, the powerful JavaScript toolkit for creating cross-platform vector graphics, you can now combine performance with maximum compatibility to build a web-based visualization and present data in an interactive and convenient way. We'll reach top-notch reusability and testability by combining D3 graphics with our favorite web application framework, AngularJS.

This book teaches the basics of vector graphics, D3, and AngularJS integration, and then dives into controlling, manipulating, and filtering data. You will learn about the testability of components and how to implement custom interactions, filters, and controllers; discover how to parse and map data in D3.js; and get a grasp on drawing D3.js built-in shapes and curves. After reading the last few chapters, you'll be able to bring life to your visualizations with more features of D3.js such as interactions, animations, and transitions. You will finish your journey by implementing a parser for different server application logs and display them on a Google Analytics style interactive dashboard.

Table of contents: 

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 Web

Java and Flash

Raphael (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)

selection.insert(name[, before])

selection.remove()

Finding elements in the DOM with Selectors

d3.select(selector)

d3.select(node)

selection.each(function)

selection.call(function[, arguments...])

Binding data to DOM elements

selection.data(values[, key])

Using dynamic properties in Selections

Tracking changes of data with data joins

selection.enter()

selection.exit()

The update pattern

Creating a simple scatter plot Summary

Chapter 3: Manipulating Data Manipulating datasets in arrays

Built-in JavaScript array methods

array.filter(callback)

array.map(callback)

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

The currency symbol

Signs

The align property

The 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

Summary

Chapter 4: Building a Chart Directive

Setting up an AngularJS application

Organizing the directory

Installing AngularJS

Bootstrapping the index file

Adding a module and a controller

Integrating D3.js into AngularJS

Organizing the directory

Wrapping D3.js

A chart directive

A directive for SVG

Implementing a custom compile function

Drawing charts

Axis, scale, range, and domain

Joining the data points

Advantages of directives

Generalizing the chart directive

Testing the directive

Setting up the testing environment

Getting started with Karma

Getting started with Protractor

Unit testing the chart directive

E2E testing of the chart directive

Summary

Chapter 5: Loading and Parsing Data

Loading external data

XHR - the native XMLHttpRequest

d3.xhr - the XHR wrapper of D3.js

Useful wrappers for common file types

Creating a simple D3 data loading component

Testing the simple D3 data loading component

Summary of D3.js as a data loading service

$http - the Angular wrapper for XHR

Creating an AngularJS data loading component

Testing the AngularJS data loading component

Summary of AngularJS as a data loading service

Parsing log files to JavaScript objects

Parsing log files step by step

Parsing the custom date format to a JavaScript date

A reusable data parsing service Testing the data parsing service

Grouping log entries

Testing the classifier

Displaying logs

Summary

Chapter 6: Drawing Curves and Shapes

Common shapes and primitives

Curved lines with the SVG path

Drawing straight lines

Bézier curves

Drawing ellipses and elliptical arcs

Generating arcs

Summary


People also search for:

how data visualization helps
    
is data visualization hard
    
is data visualization important
    
is data visualization part of data analytics
    
should all patterns of interest in data be visualized

Tags: Christoph Korner, Data Visualization

*Free conversion of into popular formats such as PDF, DOCX, DOC, AZW, EPUB, and MOBI after payment.

Related Products