D3.js in Action Video Edition

D3.js in Action Video Edition

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 7h 30m | 1.46 GB

D3.js in Action is a practical tutorial for creating interactive graphics and data-driven applications using D3.js. You’ll start with in-depth explanations of D3’s out-of-the-box layouts, along with dozens of practical use cases that align with different types of visualizations. Then, you’ll explore practical techniques for content creation, animation, and representing dynamic data—including interactive graphics and data streamed live over the web. The final chapters show you how to use D3’s rich interaction model as the foundation for a complete web application. In the end, you’ll be ready to integrate D3.js into your web development process and transform any site into a more engaging and sophisticated user experience.

D3.js is a JavaScript library that allows data to be represented graphically on a web page. Because it uses the broadly supported SVG standard, D3 allows you to create scalable graphs for any modern browser. You start with a structure, dataset, or algorithm and programmatically generate static, interactive, or animated images that responsively scale to any screen.

Inside:

  • Interacting with vector graphics
  • Expressive data visualization
  • Creating rich mapping applications
  • Prepping your data
  • Complete data-driven web apps in D3

You will need basic HTML, CSS, and JavaScript skills. No experience with D3 or SVG is required.

Table of Contents

01 An introduction to D3.js
02 How D3 works
03 Using HTML5
04 SVG
05 Infoviz term – geometric primitive
06 CSS
07 JavaScript
08 Data standards
09 Infoviz standards expressed in D3
10 Your first D3 app
11 Information visualization data flow
12 Formatting data
13 Transforming data
14 Data-binding
15 Integrating scales
16 Data presentation style, attributes, and content
17 Enter, update, and exit
18 Data-driven design and interaction
19 Interactive style and DOM
20 DOM manipulation
21 Using color wisely
22 Pregenerated content
23 Pregenerated SVG
24 Chart components
25 Creating an axis
26 Styling axes
27 Complex graphical objects
28 Line charts and interpolations
29 Complex accessor functions
30 Layouts
31 Pie charts
32 Pack layouts
33 Stack layout
34 Plugins to add new layouts
35 Word clouds
36 Network visualization
37 Adjacency matrix
38 Force-directed layout
39 Network measures
40 Updating the network
41 Geospatial information visualization
42 Drawing points on a map
43 Better mapping
44 Advanced mapping
45 TopoJSON data and functionality
46 Tile mapping with d3.geo.tile
47 Traditional DOM manipulation with D3
48 Spreadsheet
49 Canvas
50 Image gallery
51 Composing interactive applications
52 Bar chart
53 Interactivity – hover events
54 Making our brush more user friendly
55 Writing layouts and components
56 Writing your own components
57 Adding component labels
58 Big data visualization
59 Drawing geodata with canvas
60 Big network data
61 Optimizing xy data selection with quadtrees
62 More optimization techniques