Commit f9942d76 authored by Matija Obreza's avatar Matija Obreza

Release 0.9.0

parent 2edfb936
# Release 0.9
- d510cce Remember currentTree in `localStorage` when available
- 8f4c382 Load default tree on start
- e5d3f38 Prevent browser form-submit on Enter key
- 26ed775 Upload New Barley Tree File
- f9a59b4 Upload tree dialog
- 6e1f11b Registered trees as menu items
- 390ef47 Upload File with potato tree from TvH
- d3c7dcc Upload New File json file for rice from rsv
- 3189c85 Delete `wheat.json` this has labels with codes that are not necessary, I have corrected this and I submitted the file with the amended version.
- a6bd944 Upload tree JSON File
- 7d872c0 Instructions text updated
- 3da7d66 Package existing tree data with the app, append to menu
- 097122b Top menu GUI updated
- fdb0108 Uploaded `wheat.json`
- 764acc6 Added "Reset tree / Clear" button
- d554910 Clean JSON tree for download
- e2546aa Dummy instructions box
- 3690ec5 Using flex layout
- bf62290 Gitlab CI
- a7a58f4 Webpack
- b7bcfc3 Add new directory
- f782d53 Publish on Gitlab pages
- ca5ab58 Draw initial tree
- c79fbf1 Load tree data from file
- 8e0646b Download JSON
d3js Tree Editor
This example pulls together various examples of work with trees in D3.js. [See the d3js Tree Editor live here](
It adds a context menu for renaming, deleting and creating nodes. Right-click on a node to get the context menu for rename, delete and create.
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.
Zooming is performed by either double clicking on an empty part of the SVG or by scrolling the mouse-wheel.
To Zoom out hold shift when double-clicking.
Expanding and collapsing of nodes is achieved by clicking on the desired node.
The tree auto-calculates its sizes both horizontally and vertically so it can adapt between many nodes being present in the view to very few whilst making the view managable and pleasing on the eye.
Based on and
MIT License.
"name": "diversity-tree-editor",
"version": "1.0.0",
"description": "d3js Tree Editor",
"version": "0.9.0",
"description": "d3js Diversity Tree Editor",
"main": "index.js",
"scripts": {
"serve": "webpack-dev-server --config config/webpack.config.js",
python -m SimpleHTTPServer
"name": "total genepool of this crop",
"children": [
"name": "cultivated material"
"name": "wild material"
\ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment