Index
A
- advantages, SVG
- vector / Vector
- scalability / Scalability
- readability / Scalability
- open standard / Scalability
- adoption / Scalability
- interoperability / Scalability
- lightweight / Scalability
- Aight
- about / How it works...
- URL / How it works...
- animation
- about / Introduction
- arbitrary
- about / How it works...
- arc generator
- about / Using an arc generator
- using / How to do it..., How it works...
- arc transition
- about / Implementing arc transition
- implementing / How to do it..., How it works...
- area chart
- about / Creating an area chart
- creating / How to do it..., How it works...
- area generator
- about / Using an area generator
- using / Getting Ready, How to do it..., How it works...
- area interpolation
- using / How to do it..., How it works...
- array
- binding, as data / Binding an array as data, How to do it..., How it works...
- arrays
- working with / Working with arrays, How to do it..., How it works...
- axes
- rescaling, dynamically / Dynamic rescaling of axes, Getting Ready, How to do it..., How it works...
- Axis component
- about / Working with basic axes
B
- Backbone.js / How it works...
- bar chart
- basic axes
- working with / Working with basic axes, How to do it..., How it works...
- behavior-driven development (BDD)
- about / Getting ready
- BioVisualize
- URL / Finding and sharing code
- about / Finding and sharing code
- bubble chart
- about / Creating a bubble chart
- creating / How to do it..., How it works...
C
- cartographic visualization techniques / Introduction
- charge
- about / Using gravity and charge, Charge
- using / How to do it...
- chart attributes / How it works...
- chart body frame rendering / How it works...
- chart object / How it works...
- charts
- about / Introduction
- line chart / Creating a line chart
- area chart / Creating an area chart
- scatter plot / Creating a scatter plot chart
- bubble chart / Creating a bubble chart
- bar chart / Creating a bar chart
- creating / How to do it..., How it works...
- child combinator / How it works...
- choropleth map
- about / Building a choropleth map
- building / How to do it..., How it works...
- click event / How to do it..., There's more...
- clipping
- URL, for info / How it works...
- closepath command / D3 SVG shape generators
- cognition amplifier
- about / Introduction
- cognitive magnification / Introduction
- colors
- interpolating / Interpolating colors, How to do it..., How it works...
- combinators / How it works...
- comparator function / How it works...
- compound objects
- interpolating / Interpolating compound objects, How to do it..., How it works...
- coordinate translation / Introduction
- countup function
- listening to / How it works...
- createSvg function / How it works...
- Crossfilter
- about / The crossfilter.js library
- working / How it works...
- crossfilter.js library / The crossfilter.js library
- CSS
- about / Introduction
- CSS3 selector
- basics / Introduction
- CSS selector
- used, for selecting single element / Selecting a single element, How it works...
- Cubic Bézier / D3 SVG shape generators
- custom interpolator
- implementing / Implementing a custom interpolator, How to do it..., How it works..., Getting Ready, How it works...
D
- D3
- about / Introduction
- URLs / Introduction
- code, searching / Finding and sharing code
- code, sharing / Finding and sharing code
- help, obtaining / How to get help
- D3 API
- about / Finding and sharing code
- URL / Finding and sharing code
- D3 chart convention
- about / Introduction
- URL / Introduction
- margins / Introduction
- coordinate translation / Introduction
- axes / Introduction
- D3 development environment
- setting up / Getting Ready, How to do it...
- source code, obtaining / How to get source code
- D3 gallery
- about / Finding and sharing code
- URL / Finding and sharing code
- D3 Google group
- URL / How to get help
- about / How to get help
- D3 layout
- about / Introduction
- properties / Introduction
- D3 plugins
- URL / Finding and sharing code
- about / Finding and sharing code
- D3 style JavaScript
- about / Understanding D3-style JavaScript
- working / How it works...
- functions, are objects / Functions are objects
- static variable scoping / Static variable scoping
- variable-parameter function / Variable-parameter function
- function chaining / Function chaining
- D3 subselection / How it works...
- D3 SVG shape generators
- about / D3 SVG shape generators
- D3 transition
- about / Introduction, What is Transition?
- D3 tutorials page
- about / Finding and sharing code
- URL / Finding and sharing code
- D3.js
- about / Introduction
- URL, for downloading / How to do it...
- D3.js, on Stack Overflow
- URL / How to get help
- d3.layout.tree / See also
- d3.selectAll function / How to do it...
- d3.select command / How it works...
- d3.svg.diagonal generator / See also
- d3.svg.line function / How it works...
- d3.time.format patterns
- about / There's more...
- d3.v3.js file / How to do it...
- d3.v3.min.js file / How to do it...
- data
- about / Introduction
- array, binding as / Binding an array as data, How to do it..., How it works...
- object literals, binding as / Binding object literals as data, How to do it..., How it works...
- functions, binding as / Binding functions as data, How to do it..., How it works...
- loading, from server / Loading data from a server, How to do it..., How it works...
- data() function / How it works...
- data-driven filtering
- about / Filtering with data, How it works...
- data-driven sorting
- about / Sorting with data, How to do it..., How it works...
- data visualization
- about / Introduction, Introduction
- data visualizations
- about / Introduction
- dbclick event / There's more...
- delay / How it works...
- dependencies field / How it works...
- descendant combinator / How it works...
- devDependencies field / How it works...
- dimensional charting
- about / Dimensional charting – dc.js
- divergingScale function / How it works...
- domain
- about / What are scales?
- Domain Specific Language (DSL) / Function chaining
- drag
- about / Implementing drag behavior
- drag behaviour
- implementing / Getting ready, How to do it..., How it works...
- dragend event / There's more...
- drag event / There's more...
- drag event types
- dragstart / There's more...
- drag / There's more...
- dragend / There's more...
- dragstart event / There's more...
- DRY principle
- about / How it works...
- duration() function / How it works...
- dynamic modifier function / How it works...
E
- ease
- using / Getting Ready, How to do it..., How it works...
- ease() function / How it works...
- eased tweening
- about / There's more...
- ease mode modifiers
- about / How it works...
- easing
- about / Using ease
- Elliptical curve / D3 SVG shape generators
- enclosure diagram
- about / Building an enclosure diagram
- building / Getting ready, How to do it..., How it works...
- enter() function / How it works...
- enter-update-exit pattern
- about / The enter-update-exit pattern
- exit() function / How it works..., How it works...
- expanded area chart
- about / Expanded area chart
F
- falsy tests / How it works...
- Flare site
- URL / Building a treemap
- force
- about / Introduction
- used, for assisting visualization / Using force to assist visualization, How to do it..., How it works...
- manipulating / Manipulating force, How to do it..., How it works...
- force-directed graph
- about / Introduction
- force directed graph
- force layout
- about / Introduction
- force simulation
- about / Introduction
- friction
- about / Friction
- function chaining / Function chaining
- functions
- binding, as data / Binding functions as data, How to do it..., How it works...
- about / What are scales?
G
- geographic visualization / Introduction
- GeoJSON
- about / GeoJSON
- Git
- about / How to get source code
- GitHub
- URL / There's more...
- about / There's more...
- GitHub, for Mac
- URL / How to get source code
- GitHub, for Windows
- URL / How to get source code
- gravity
- about / Using gravity and charge, Gravity
- using / How to do it...
- setting up / Setting up gravity
- using, with replusion / Using gravity with repulsion
- grid lines
- drawing / Drawing grid lines, How to do it..., How it works...
H
- hierarchical data / Building a treemap
- HTML
- about / Introduction
- http-server module
- about / Node.js HTTP Server
- installing / Node.js HTTP Server
- human interaction / Introduction
I
- idempotent
- about / How it works...
- identity function
- about / How it works...
- images
- about / Introduction
- imperative method
- about / The enter-update-exit pattern
- information
- about / Introduction
- interpolate() function / Interpolator, How it works...
- interpolate function / How it works...
- Interpolation-based Animation
- about / What is Transition?
- interpolation modes
- linear / How it works...
- linear-closed / How it works...
- step-before / How it works...
- step-after / How it works...
- basis / How it works...
- basis-open / How it works...
- basis-closed / How it works...
- bundle / How it works...
- cardinal / How it works...
- cardinal-open / How it works...
- cardinal-closed / How it works...
- monotone / How it works...
- interpolator
- about / Interpolator
J
- Jasmine
- about / Getting ready
- obtaining / Getting ready
- Jasmine constructs
- describe function / How it works...
- it function / How it works...
- beforeEach function / How it works...
- afterEach function / How it works...
- expect function / How it works...
- Jasmine Reference Document
- URL / See also
- JavaScript
- about / Introduction
- JQuery / How it works...
- jQuery
- about / Introduction
- JS Bin
- about / Finding and sharing code
- URL / Finding and sharing code
- JS Fiddle
- about / Finding and sharing code
- URL / Finding and sharing code
K
- key frames
- about / What is Transition?
L
- Layered Area Chart
- about / Creating an area chart
- linear easing
- about / Using ease
- linear interpolation mode
- about / Using line interpolation
- linear scale
- about / How it works...
- line chart
- about / Creating a line chart
- creating / How to do it..., How it works...
- line generator
- about / Using a line generator
- using / How to do it..., How it works...
- line interpolation
- using / How to do it..., How it works...
- line tension
- modifying / Changing line tension, How to do it..., How it works...
- lineto command / D3 SVG shape generators
- link constraint
- linkDistance parameter / How it works...
- linkStength parameter / How it works...
- local HTTP server
- setting up / Setup a local HTTP server
- log scale / How it works...
- low-level D3 timer function
- working with / Working with timer, How to do it..., How it works...
M
- margins / Introduction
- mark / How it works...
- masking
- URL, for info / How it works...
- mathematical functions
- about / What are scales?
- mental model alignment / Introduction
- metaphor / Introduction
- momentum
- generating / Generating momentum, How to do it..., How it works...
- mouse
- about / Interacting with mouse events
- mousedown event / There's more...
- mouseenter event / There's more...
- mouse events
- interacting with / Getting ready, How to do it..., How it works...
- click / There's more...
- dbclick / There's more...
- mousedown / There's more...
- mouseenter / There's more...
- mouseleave / There's more...
- mousemove / There's more...
- mouseout / There's more...
- mouseover / There's more...
- mouseup / There's more...
- mouseleave event / There's more...
- mousemove event / How to do it..., How it works..., There's more...
- mouseout event / There's more...
- mouseover event / There's more...
- mouseup event / There's more...
- moveto command / D3 SVG shape generators
- multi-touch device
- interacting with / Getting ready, How it works...
- multiple elements
- selecting / Selecting multiple elements, How it works...
- animating / Animating multiple elements, How to do it..., How it works...
- mutual attraction
- setting up / Setting up mutual attraction
- mutual repulsion
- setting up / Setting up mutual repulsion
N
- Node.js
- about / How it works...
- URL, for downloading / Getting Ready
- Node.js HTTP Server / Node.js HTTP Server
- NPM
- NPM-based development environment
- setting up / Getting Ready, How to do it..., How it works...
- local HTTP server, setting up / Setup a local HTTP server
- Python Simple HTTP Server / Python Simple HTTP Server
- Node.js HTTP Server / Node.js HTTP Server
- npm command / Getting Ready
- npm install command / How it works..., Node.js HTTP Server
- NPM package JSON file documentation
- URL / How it works...
- NVD3
- URL / See also
O
- object-identity function
- about / How it works...
- object literals
- binding, as data / Binding object literals as data, How to do it..., How it works...
- one-to-one functions / What are scales?
- onto functions / What are scales?
- ordinal scale
- using / How to do it..., How it works...
P
- package.json file / How to do it...
- panning
- about / Implementing zoom and pan behavior
- implementing / How to do it..., How it works...
- physical simulation
- URL / See also
- picture
- about / Introduction
- pie chart
- about / Building a pie chart
- building / How to do it..., How it works...
- pie layout
- about / Building a pie chart
- pixel-perfect bar rendering / Test driving your visualization – pixel-perfect bar rendering, How it works...
- pixelation / Scalability
- poly-linear scale / How it works...
- power scale
- about / How it works...
- Protovis
- about / Introduction
- pseudo-classical pattern / Static variable scoping
- push() function / How it works...
- Python Simple HTTP Server / Python Simple HTTP Server
Q
- Quadratic Bézier curve / D3 SVG shape generators
- quadric easing
- about / How it works...
- quantitative scales
- using / Getting Ready, How it works..., There's more...
- linear scale / How it works...
- power scale / How it works...
- log scale / How it works...
R
- range
- about / What are scales?
- rangeRound() function
- about / How it works...
- raw selection
- manipulating / Manipulating the raw selection, How to do it..., How it works...
- Regex pattern
- about / There's more...
- remove() function / How it works..., How it works..., How it works...
- render() function / How it works...
- render axes / How it works...
- renderAxis function / How it works...
- renderBars function
- about / How it works...
- renderBody function / How it works..., How it works...
- renderBubbles function / How it works...
- renderCircle function / How it works...
- render data series / How it works...
- renderDots function / How it works..., How it works...
- render function / Functions are objects
- renderLabels function / How it works...
- renderLinks function / How it works...
- renderNodes function / How it works...
- replusion
- gravity, using with / Using gravity with repulsion
- Rickshaw
- URL / See also
S
- scale() function / How it works...
- scales
- about / What are scales?
- scatter plot chart
- about / Creating a scatter plot chart
- creating / How to do it..., How it works...
- selection
- about / Introduction
- iterating through / Iterating through a selection, How to do it..., How it works...
- selection.append(name) function
- about / How it works...
- selection.attr function
- about / How it works...
- selection.classed function
- about / How it works...
- selection.data(data).enter() function / The enter-update-exit pattern
- selection.data(data).exit function / The enter-update-exit pattern
- selection.data(data) function / The enter-update-exit pattern
- selection.each(function) function
- about / How it works...
- selection.exit function / The enter-update-exit pattern
- selection.filter function / How it works...
- selection.html function
- about / How it works...
- selection.sort funciton / How it works...
- selection.style function
- about / How it works...
- selection.text function
- about / How it works...
- selector
- about / Introduction
- server
- data, loading from / Loading data from a server, How to do it..., How it works...
- simple shapes
- creating / Creating simple shapes, How to do it..., How it works...
- single element
- selecting, CSS selector used / Selecting a single element, How it works...
- animating / How to do it..., How it works...
- Sizzle
- URL / Introduction
- Sizzle selector engine
- URL / How it works...
- about / How it works...
- software testing
- about / Introduction to unit testing
- sort() function
- about / How it works...
- sort function / How it works...
- stacked area chart
- about / Building a stacked area chart
- building / Getting ready, How to do it..., How it works...
- Stack Overflow
- about / How to get help
- stateful visualization / How it works...
- static variable scoping / Static variable scoping
- streamgraph
- about / Streamgraph
- string
- interpolating / Interpolating a string, Interpolator, How to do it..., How it works..., There's more...
- subselection
- performing / Performing subselection, How it works...
- SVG
- about / Introduction
- advantages / What is SVG?, Scalability
- SVG coordinate system / How it works...
- SVG rendering / Test driving your visualization – SVG rendering, How it works...
- SVG structures / Working with basic axes
T
- Test Driven Development (TDD)
- about / Getting ready
- test environment
- setting up / How to do it..., How it works...
- tickFormat function / How it works...
- tick function / How it works...
- tickPadding function / How it works...
- ticks
- customizing / Getting Ready, How to do it..., How it works...
- ticks function
- about / Customizing ticks
- ticksSubdivide function / How it works...
- time scale
- TopoJSON
- about / TopoJSON
- touchcancel event / There's more...
- touchend event / There's more...
- touch events
- about / Interacting with mouse events
- touch event types
- about / There's more...
- touchstart / There's more...
- touchend / There's more...
- touchmove / There's more...
- touchcancel / There's more...
- touchmove event / There's more...
- touchstart event / There's more...
- transitional events
- listening to / Listening to transitional events, How to do it..., How it works...
- transition chaining
- about / Using transition chaining
- using / How to do it..., How it works...
- transition filter
- using / Getting Ready, How to do it..., How it works...
- tree
- about / Building a tree
- building / Getting ready, How to do it..., How it works...
- treemap
- about / Building a treemap
- URL / Building a treemap
- building / Building a treemap, How to do it..., How it works...
- truthy tests / How it works...
- Tween
- about / Using tweening
- tweening
- using / How to do it..., How it works...
U
- Underscore.js / How it works...
- unit testing
- about / Introduction to unit testing
- US map
- projecting / Projecting the US map, GeoJSON, TopoJSON, How to do it..., How it works...
V
- variable-parameter function / Variable-parameter function
- vector
- about / Vector
- verlet integration
- about / Introduction
- Verlet integration
- URL / See also
- visualization
- assisting, force used / Using force to assist visualization, How to do it..., How it works...
W
- W3C
- about / Introduction
- W3C level-3 selector API
- URL, for documentation / Introduction
- W3C selector API
- limitations / Introduction
- world map
- projecting / Projecting the world map, How to do it..., How it works...
- World Wide Web Consortium (W3C)
- about / Introduction
Z
- Zepto.js / How it works...
- about / Introduction
- zero force layout
- setting up / Setting up zero force layout
- zooming
- about / Implementing zoom and pan behavior
- implementing / How to do it..., How it works...