This example pulls together various examples of work with trees in D3.js. See the d3js Tree Visualizer live here.
Features:
- Expanding and collapsing nodes
- Panning
{ | |
"name": "flare", | |
"children": [{ | |
"name": "analytics", | |
"children": [{ | |
"name": "cluster", | |
"children": [{ | |
"name": "AgglomerativeCluster", | |
"size": 3938 | |
}, |
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.
I hereby claim:
- I am adamfeuer on github.
- I am adamfeuer (https://keybase.io/adamfeuer) on keybase.
- I have a public key ASD0ugZgxLEcU6fVTerANZlal0dOOS-ozjsWBqJ66ZVZngo
To claim this, I am signing this object:
license: gpl-3.0 | |
height: 600 |
An interactive version of a Reingold–Tilford tree. Click on the nodes to expand or collapse.
See the demo here: http://bl.ocks.org/adamfeuer/07a4fb2bf5c52c039e7c5f17cf4d22e5
From http://bl.ocks.org/mbostock/4339083
Added search, expand and styling of results and its ancestors. Visible from http://bl.ocks.org/PBrockmann/0f22818096428b12ea23
#!/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 |