Generate T-Square Curve

What It Does

The T-square fractal generator lets you render and explore one of mathematics' most elegant self-similar structures — a recursive pattern built entirely from squares subdividing into smaller squares at their corners. Starting from a single centered square, each iteration places four new squares at the corners of every existing square, scaled down by half, and the process repeats indefinitely. The result is a mesmerizing geometric pattern that grows outward while simultaneously filling its interior with intricate self-similar detail. This tool gives you full creative and mathematical control over the rendering process. You can set the recursion depth to control how many generations of squares are drawn, adjust the canvas size to suit your display or export needs, and customize background, line, and fill colors to produce everything from stark mathematical diagrams to vibrant generative art pieces. A padding control keeps the fractal well-framed within the canvas, while the line width setting lets you emphasize structure at lower depths or achieve fine-grained detail at higher ones. Whether you are a mathematics student studying fractal geometry, a teacher building visual aids for a lesson on self-similarity and recursion, a developer prototyping canvas-based rendering algorithms, or a generative artist seeking structured geometric patterns, this tool provides an immediate, browser-based environment with no installation required. The T-square fractal is also a compelling entry point into the broader study of iterated function systems (IFS), space-filling curves, and the surprising complexity that emerges from simple recursive rules.

How It Works

Generate T-Square Curve produces new output from rules, parameters, or patterns instead of editing an existing document. That makes input settings more important than input text, because the settings are what define the shape of the result.

Generators are only as useful as the settings behind them. When the output seems off, check the count, range, delimiter, seed values, or pattern options before judging the result itself.

All processing happens in your browser, so your input stays on your device during the transformation.

Common Use Cases

• Visualize recursive square geometry for a mathematics class or textbook illustration, showing students how self-similarity works at increasing depth levels.
• Generate high-resolution fractal artwork for print, wallpapers, or digital media by customizing colors and cranking up recursion depth.
• Compare the growth behavior of the T-square fractal against other square-based fractals like the Sierpinski carpet to study structural differences.
• Prototype and test canvas rendering logic for recursive drawing algorithms in web development projects.
• Create educational animations by exporting frames at successive recursion depths to illustrate how the fractal builds iteration by iteration.
• Use the T-square pattern as a tiling or texture reference for graphic design, architecture mockups, or generative pattern libraries.
• Explore the concept of Hausdorff dimension visually by observing how the T-square fractal approaches area-filling behavior as depth increases.

How to Use

1. Set your canvas width and height in pixels — larger values give you more room for detail at high recursion depths and produce crisper exports.
2. Choose a recursion depth between 1 and 8. Depth 1 shows just the initial square; depth 5 and above reveal the characteristic fractal detail. Be aware that higher depths increase rendering time exponentially.
3. Select your background color, line (stroke) color, and fill color using the color pickers. A dark background with a light fill is a classic choice, but inverted or monochrome schemes work equally well.
4. Adjust the line width to control how prominent the square outlines appear. Thinner lines suit higher recursion depths; thicker lines work better for low-depth diagrams.
5. Use the padding slider to add breathing room around the fractal so it doesn't touch the canvas edges — particularly useful if you plan to export the image.
6. Click the Generate or Render button to draw the fractal on the canvas, then use your browser's right-click save or a provided download button to export the result as a PNG.

Features

• Configurable recursion depth from 1 to 8+, allowing you to explore the fractal from its simplest square seed all the way to dense, highly detailed iterations.
• Independent color controls for background, stroke, and fill, enabling mathematical diagrams, high-contrast art, or custom-branded visuals.
• Adjustable canvas dimensions to support everything from small thumbnail previews to large print-ready exports.
• Line width control that scales appropriately with recursion depth, giving you visual clarity at every level of detail.
• Canvas padding configuration to ensure the fractal is properly framed and centered regardless of canvas size.
• Instant in-browser rendering with no server calls, plugins, or installations — the fractal is computed and drawn entirely on your device.
• PNG export capability so you can save, share, or integrate the generated fractal into other design and documentation workflows.

Examples

Below is a representative input and output so you can see the transformation clearly.

Order: 0
Size: 100
Angle: 90

Path:
(0,0)
(100,0)

Edge Cases

• Very large inputs can still stress the browser, especially when the tool is working across many numbers. Split huge jobs into smaller batches if the page becomes sluggish.
• Empty or whitespace-only input is technically valid but may produce unchanged output, which can look like a failure at first glance.
• If the output looks wrong, compare the exact input and option values first, because Generate T-Square Curve should be repeatable with the same settings.

Troubleshooting

• Unexpected output often means the input is being split or interpreted at the wrong unit. For Generate T-Square Curve, that unit is usually numbers.
• If a previous run looked different, check for hidden whitespace, changed separators, or a setting that was toggled accidentally.
• If nothing changes, confirm that the input actually contains the pattern or structure this tool operates on.
• If the page feels slow, reduce the input size and test a smaller sample first.

Tips

For the best visual results at high recursion depths (6+), use a fill color with slight transparency or choose a fill that contrasts strongly with your background — otherwise overlapping squares can blend into a solid mass. If you are generating the fractal for print or high-resolution display, set the canvas to at least 1200×1200 pixels before rendering. When teaching or presenting, start at depth 1 and generate successive depths one at a time so the audience can follow the recursive construction step by step. Pairing a thin line width (0.5–1px) with a high depth produces the most striking fractal detail.