https://github.com/sdq/history-tree

An interactive history tree for undo/redo/reset/revisit in javascript
https://github.com/sdq/history-tree

d3 tree undo-redo

Last synced: 8 months ago
JSON representation

An interactive history tree for undo/redo/reset/revisit in javascript

• Host: GitHub
• URL: https://github.com/sdq/history-tree
• Owner: sdq
• License: mit
• Created: 2018-12-04T01:58:28.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-01-10T13:36:56.000Z (over 7 years ago)
• Last Synced: 2025-08-17T10:33:04.308Z (10 months ago)
• Topics: d3, tree, undo-redo
• Language: JavaScript
• Homepage: https://sdq.github.io/history-tree
• Size: 754 KB
• Stars: 10
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# history-tree

An interactive history tree for undo/redo/reset/revisit in javascript. [demo Link](https://sdq.github.io/history-tree)

![Demo](./demo.gif)

Interaction design 

------

![interaction](./interaction-demo.png)

Installation

------

```

```

Use history-tree structure

------

```

var tree = historyTree();

tree.append(state);

tree.undo();

tree.redo();

tree.reset();

tree.revisit(id);

tree.find(id);

tree.log(chart.export());

```

Use history-tree-view

------

```

var chart = historyTreeView();

chart.container("#your-container-id");

chart.append(state);

chart.undo();

chart.redo();

chart.reset();

chart.revisit(id);

chart.find(id);

console.log(chart.export());

```

Author

------

[sdq](http://shidanqing.net)

License

-------

[MIT](https://opensource.org/licenses/MIT)