Rob Schmuecker robschmuecker

## README.md

      
              6 files
            
          
              5 forks
            
          
              6 comments
            
          
              15 stars
            
          
                robschmuecker
                / README.md
            
            
              Last active
              January 23, 2024 21:42
            
              
                Multiple Parent Nodes D3.js
              
          
    Multi Link Example for http://www.robschmuecker.com/d3-js-drag-and-drop-zoomable-tree/#comment-6190
Added an additional link between nodes at the bottom of the dndTree.js file.
This example pulls together various examples of work with trees in D3.js.
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.

  
## README.md

      
              5 files
            
          
              1 fork
            
          
              2 comments
            
          
              2 stars
            
          
                robschmuecker
                / README.md
            
            
              Last active
              February 25, 2022 16:04
            
              
                Clickable link Drag and Drop zoomable D3.js tree example.
              
          
    Clickable link Drag and Drop zoomable D3.js tree example based on https://gist.github.com/robschmuecker/7880033 for question here: http://stackoverflow.com/questions/24100458/d3-js-drag-and-drop-zoomable-tree-help-in-collapsing-nodes-connected-by-a-certai
For any help/queries, http://www.robschmuecker.com @robschmuecker or robert.schmuecker at gmail dot com

  
## README.md

      
              4 files
            
          
              6 forks
            
          
              0 comments
            
          
              6 stars
            
          
                robschmuecker
                / README.md
            
            
              Last active
              January 31, 2024 18:30
            
              
                Drag and drop, collapsible d3.js Tree with 50,000 nodes
              
          
    This is an example of a collapsible drag and drop tree implementing slightly modified code from https://gist.github.com/robschmuecker/7880033
This is posted in order to demonstrate a viable answer for a Stack Overflow question http://stackoverflow.com/questions/20539922/has-anyone-produced-a-virtualised-javascript-tree-for-thousands-of-nodes
The only difference between this gist and the one referenced above is that the JSON file has changed.  Each node contains 15 children and the depth is 4.  Hence over 50,000 nodes.
The performance is fine if not too many of the nodes are present at once in the DOM.
The JSON was contructed at http://www.json-generator.com/ with the following markup

  
## README.md

      
              5 files
            
          
              93 forks
            
          
              44 comments
            
          
              161 stars
            
          
                robschmuecker
                / README.md
            
            
              Last active
              July 22, 2024 12:38
            
              
                D3.js Drag and Drop, Zoomable, Panning, Collapsible Tree with auto-sizing.
              
          
    This example pulls together various examples of work with trees in D3.js.
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.
Dragging can be performed on any node other than root (flare).
Dropping can be done on any node.
Panning can either be done by dragging an empty part of the SVG around or dragging a node towards an edge.