Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Merkle Tree

Public visualization

Merkle Tree

0 stars0🌍 Public
BBryan
Last edited Apr 4, 2023
Created on Apr 4, 2023
Forked from HTML Starter

This visualization renders a Merkle tree, a cryptographic data structure where each node’s ID is derived from its children’s hashes. Using D3 v5’s `tree` layout and `hierarchy` on a JSON file, it draws horizontal links with `linkHorizontal` and displays each node’s full hash as text, sized inversely by depth. The SVG output supports zooming via D3’s `zoom` behavior, and text styling uses the Playfair Display font with white shadows for readability.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed