What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

A Primer on DOM, SVG, and CSS

You might already be used to manipulating DOM and CSS with libraries such as jQuery; if so, much of this will seem very familiar, as D3 has a full suite of manipulation tools. If not, don't worry, as this chapter exists to get everyone up to speed.

Very similar to HTML's DOM is the SVG namespace, which we'll use for most of the examples in this book. SVG is at the core of building truly great visualizations, so we'll take special care to understand it, starting out by manually drawing shapes and then doing the same using D3's path generators in Chapter 3, Shape Primitives of D3.

In this chapter, we'll take a look at the core technologies that make D3 tick. They are as follows:

Document Object Model (DOM)
Scalable Vector Graphics (SVG)
Cascading Style Sheets (CSS)

Key benefits

Build interactive and rich graphics and visualization using JavaScript`s powerful library D3.js

Learn D3 from the ground up, using the all-new version 4 of the library

Gain insight into producing high-quality, extensible charts and visualizations using best practices such as writing testable, extensible code and strong typing

Description

Want to get started with impressive interactive visualizations and implement them in your daily tasks? This book offers the perfect solution-D3.js. It has emerged as the most popular tool for data visualization. This book will teach you how to implement the features of the latest version of D3 while writing JavaScript using the newest tools and technique You will start by setting up the D3 environment and making your first basic bar chart. You will then build stunning SVG and Canvas-based data visualizations while writing testable, extensible code,as accurate and informative as it is visually stimulating. Step-by-step examples walk you through creating, integrating, and debugging different types of visualization and will have you building basic visualizations (such as bar, line, and scatter graphs) in no time. By the end of this book, you will have mastered the techniques necessary to successfully visualize data and will be ready to use D3 to transform any data into an engaging and sophisticated visualization.

Who is this book for?

This book is for web developers, interactive news developers, data scientists, and anyone interested in representing data through interactive visualizations on the Web with D3. Some basic knowledge of JavaScript is expected, but no prior experience with data visualization or D3 is required to follow this book.

What you will learn

Map data to visual elements using D3 s scales

Draw SVG elements using D3 s shape generators

Transform data using D3 s collection methods

Use D3 s various layout patterns to quickly generate various common types of chart

Write modern JavaScript using ES2017 and Babel

Explore the basics of unit testing D3 visualizations using Mocha and Chai

Write and deploy a simple Node.js web service to render charts via HTML Canvas

Understand what makes a good data visualization and how to use the tools at your disposal to create accurate charts

What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Frequently bought together

€67.99

€32.99

€36.99

Total € 137.97

Steve Gailey Sep 27, 2017

Impenetrable. The author jumps right in without even making clear what you should already know. this is a book for someone very familiar with modern Javascript and with the V3 D3 libraries, not someone who knows javascript a little and is not familiar with D3.

Amazon Verified review

DanBy Jul 27, 2017

Having reached the halfway point with this book I have to say this is among the poorer tech tutorial/guides I've read.Although the book claims otherwise this would be hard to follow without a fair prior understanding of javascript. If you are not at least passingly familiar with contemporary functional javascript large tracts of the text will be quite mystifying as the functional idioms used are never adequately explained. I would imagine for more novice programmers having to deal with the cognitive load of unpicking that code while also trying to learn the example d3 components would be very frustrating.Speaking of frustrating if you attempt to follow the code examples as written in the book you'll quickly discover they often do not work as written. Lines, keywords and statements are omitted in the text and these omissions usually break the examples. Some of these are trivial to fix but many fixes were only possible by comparing the code I was writing out of the book with the code in git repo they offer. And worth noting the code in the git repo frequently diverges from that in the book (mostly trivially but sometimes inexplicably so and without explanation). I seems to me that no one can have sat down and worked through the example in the book once the text was finished. To my mind this is inexcusable in this kind of technical text.In general I found the tone of the text assumes that you are always able to understand the examples, and maybe also the author might find it confusing that you don't immediately understand. This would be fine for a book pitched at an expert audience but not so useful for people with "some basic knowledge of javascript... [and] no prior experience with data visualization or D3" (to quote the intro). I suspect the authors would be better placed to write a text on best practices for functional d3.I bought the kindle edition and the text was also very, very poorly formatted with lines of code out of place and other line formatting errors.

D3.js 4.x Data Visualization: Learn to visualize your data with JavaScript , Third Edition

What do you get with eBook?

D3.js 4.x Data Visualization

A Primer on DOM, SVG, and CSS

DOM

What exactly did we do here?

Scalable Vector Graphics

CSS

DOM

Page 1 of 6

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with eBook?

Product Details

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

People who bought this also bought

About the authors

FAQs

D3.js 4.x Data Visualization: Learn to visualize your data with JavaScript , Third Edition

What do you get with eBook?

Contact Details

Billing Address

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with eBook?

Contact Details

Billing Address

Product Details

Packt Subscriptions

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

People who bought this also bought

About the authors

FAQs