eweitnauer

This example demonstrates how to take the size of objects into account when selecting objects efficiently with a quadtree. Selected objects are shown in red, visited but not selected objects are shown in yellow. The efficiency depends on the size of the objects. It is assumed that all objects are square-shaped and have the same size.

Example series:

• Quadtree 1
• Quadtree 2
• Quadtree 3

Based on Mike Bostock's quadtree example.

eweitnauer

A series of related examples:

• Canvas geometric zooming
• Canvas semantic zooming
• SVG geometric zooming
• SVG semantic zooming

Using newer version of d3 and measuring fps (disabled since inaccurate).

eweitnauer

A series of related examples:

• Canvas geometric zooming
• Canvas semantic zooming
• SVG geometric zooming
• SVG semantic zooming

Using newer version of d3 and measuring fps (disabled since inaccurate).

eweitnauer

A series of related examples:

• Canvas geometric zooming
• Canvas semantic zooming
• SVG geometric zooming
• SVG semantic zooming

Using newer version of d3 and measuring fps (disabled since inaccurate).

eweitnauer

A series of related examples:

• Canvas geometric zooming
• Canvas semantic zooming
• SVG geometric zooming
• SVG semantic zooming

Using

d3.transition().duration(0).each('end', function() {