miguelmota/merkletree-viz

Merke tree visualization library for browser, works with merkletreejs

merkletree-viz

Merke tree visualization library for browser, works with merkletreejs.

Example

https://lab.miguelmota.com/merkletree-viz

CDN

Available on jsDelivr CDN:

<script src="https://cdn.jsdelivr.net/npm/merkletree-viz@latest/merkletreeviz.js"></script>

Usage

Import js libs for hash function, merkletreejs, and merkletree-viz

<script src="https://cdn.jsdelivr.net/npm/keccak256@latest/keccak256.js"></script>
<script src="https://cdn.jsdelivr.net/npm/merkletreejs@latest/merkletree.js"></script>
<script src="https://cdn.jsdelivr.net/npm/merkletree-viz@latest/merkletreeviz.js"></script>

Generate merkle tree and render visualization

const leaves = ['a', 'b', 'c', 'd'].map(keccak256)
const tree = new MerkleTree(leaves, keccak256)
const viz = new MerkleTreeViz('#viz')
viz.renderTree(tree)
// viz.destroy()

License

MIT