Generate an H-fractal
Draw an H-tree fractal. Runs entirely in your browser, so your data never leaves your device.
Output
The result appears here as you type.
How to use Generate an H-fractal
- 1. Set the recursion depth. Choose Depth for how many generations of smaller H shapes sprout from the ends of each segment. A depth-7 H-tree already produces a dense, evenly spread pattern.
- 2. Size the canvas. Set Width (px) and Height (px) to fit the tree's spreading structure, since each new H shape rotates 90 degrees and shrinks, filling the available space evenly at higher depths.
- 3. Pick colors and line width. Choose Line color, Background color and Line width to keep individual H segments distinguishable, especially at higher depths where segments become numerous and small.
- 4. Review the rendered H-tree. The tool draws the H-fractal as an SVG, where each segment sprouts two perpendicular segments scaled down by 1 over the square root of 2. Save it once the depth looks right.
When to use Generate an H-fractal
Generate an H-fractal draws the H-tree, a construction where every segment sprouts two new perpendicular segments at each end, scaled down by a factor of 1 over the square root of 2. It is notable for eventually filling its bounding region evenly, which makes it useful in real engineering applications like circuit layout.
- Explaining real-world uses in circuit and antenna design. The H-tree pattern is used in real clock distribution networks and fractal antenna designs because it reaches every point in a region with roughly equal path length, worth mentioning alongside the pure geometry.
- Teaching recursive constructions with a specific scale factor. The H-fractal's 1 over the square root of 2 scaling factor is a good example for showing how the choice of scale factor, not just the branching rule, determines whether a fractal fills space evenly.
- Comparing tree fractals with different branching angles. Placing the H-tree next to the V-tree fractal, which uses an adjustable branch angle, shows how a fixed 90-degree branching rule produces a more regular, grid-like structure.
- Designing a fractal-based layout for a poster or print. The H-tree's even space-filling property makes it a visually balanced choice for a poster background or geometric print, generated at whatever depth suits the final size.
Examples
A depth-7 H-tree
Output
An SVG drawing of the H-tree: each segment sprouts two perpendicular segments 1/√2 its length.
About the Generate an H-fractal tool
Generate an H-fractal runs as plain JavaScript in your browser tab, with no server behind it. Draw an H-tree fractal. Whatever you put in stays on your device from start to finish.
The tool is part of EditSafely's Math Tools section, 234 single-purpose utilities built around the same idea: open the page, get the result, keep your data to yourself.
You can shape the output with 6 settings, including Depth, Width (px), Height (px) and Line color, and the result refreshes the moment you change one. A worked example further down the page shows exactly what the tool produces for a real input.
That local-first design has practical benefits beyond privacy. The tool keeps working on a flaky connection once the page has loaded, results are instant because nothing round-trips to a server, and it is safe to use with confidential material.
Frequently asked questions
Is Generate an H-fractal free to use?
Yes, it is completely free. All 2,658 tools on EditSafely work without an account, a subscription or usage limits.
Does the generator send anything to a server?
Everything happens locally. Your browser downloads the tool's code once, then does all the processing itself; nothing you enter is transmitted, stored or logged. You can even go offline after the page loads and it will still work.
How do I get a different result?
Run the generator again. Each run is computed fresh on your device, and any options you change are applied to the next result immediately.
Do I need to sign up or install anything?
No. The tool works in any modern browser on desktop, tablet or phone. There is no account to create, no extension to add and no software to install.
Can I save what the tool produces?
Yes. Use the download or copy controls in the output panel to keep the rendered result once it looks the way you want.