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:
{ | |
"name": "flare", | |
"children": [{ | |
"name": "analytics", | |
"children": [{ | |
"name": "cluster", | |
"children": [{ | |
"name": "AgglomerativeCluster", | |
"size": 3938 | |
}, |
I hereby claim:
To claim this, I am signing this object:
license: gpl-3.0 | |
height: 600 |
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.
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
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.
#!/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 |