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...
  / Introduction
• Axis component
  • about / Working with basic axes

B

• Backbone.js / How it works...
• bar chart
  • about / Creating a bar chart
  • creating / How to do it..., How it works..., Test driving your visualization – chart creation, How it works...
• 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
  • building / Building a force-directed graph, How to do it..., How it works...
• force layout
  • about / Introduction
• force simulation
  • about / Introduction
• friction
  • about / Friction
• function chaining / Function chaining
  • about / How it works..., Function chaining, How to do it..., How it works...
• 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
  • setting / Setting the link constraint, How to do it..., How it works...
• 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
  • about / Setting up an NPM-based development environment
• 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
  / How it works...
• ticksSubdivide function / How it works...
• time scale
  • using / Getting Ready, How to do it..., How it works..., There's more...
• 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...