Adam Feuer adamfeuer

I hereby claim:

To claim this, I am signing this object:

d3js Tree Visualizer with Search, Panning, Expand and Collapse

This example pulls together various examples of work with trees in D3.js. See the d3js Tree Visualizer live here.

Features:

An interactive version of a Reingold–Tilford tree. Click on the nodes to expand or collapse.

Added search, expand and styling of results and its ancestors. Visible from http://bl.ocks.org/PBrockmann/0f22818096428b12ea23

This example pulls together various examples of work with trees in D3.js. See the d3js Tree Visualizer live here.

The panning functionality can certainly be improved in my opinion and I would be thrilled to see better solutions contributed.

One can do all manner of housekeeping or server related calls on the drop event to manage a remote tree dataset for example.

Panning can either be done by dragging an empty part of the SVG around or dragging a node towards an edge.

We couldn’t find that file to show.

	#!/usr/bin/env python
	# -- coding: utf-8 --
	# The MIT License (MIT)
	# Copyright (c) 2016 MetaBrite, Inc.
	#
	# Permission is hereby granted, free of charge, to any person obtaining a copy
	# of this software and associated documentation files (the "Software"), to deal
	# in the Software without restriction, including without limitation the rights
	# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	# copies of the Software, and to permit persons to whom the Software is

	license: gpl-3.0
	height: 600