Fork of Fork of HTML Starter
This interactive visualization demonstrates the Pentadic Koch Lake fractal, a variation of the Koch curve where each line segment is replaced by five smaller segments scaled to one-third of the original length, resulting in a fractal dimension of approximately 1.465. A slider controls the number of iterations from zero to five, progressively refining the triangular base shape into an increasingly complex closed curve. The fractal is rendered as an SVG path using D3.js v7, with the `d3.select` API binding the slider’s input event to regenerate and redraw the path data in real time.
AI-generated descriptionPentadic Koch Lake Fractal
This visualization demonstrates a Pentadic Koch Lake fractal with the following parameters:
- N = 5 (each line segment is replaced by 5 new segments)
- 1/r = 3 (scaling factor)
- D = log(5)/log(3) ≈ 1.465 (fractal dimension)
About the Fractal
The Pentadic Koch Lake is a variation of the Koch curve. Unlike the classic Koch snowflake which replaces each segment with 4 segments (forming a pointed shape), this version uses 5 segments with a specific pattern.
The construction works by:
- Starting with a triangle (representing the "lake")
- For each line segment, replacing it with 5 smaller segments
- Each new segment has length 1/3 of the original segment
- The 1st and 3rd intermediate segments are positioned at specific angles, creating triangular bumps
- This process is repeated for each new segment in subsequent iterations
The slider allows you to adjust the number of iterations to see how the fractal develops complexity.
Implementation
This implementation uses D3.js to render the fractal as an SVG path. The mathematics behind the construction ensures that:
- Each iteration precisely follows the N=5, 1/r=3 parameters
- The fractal has a dimension of D = log(5)/log(3) ≈ 1.465
Comments
Sign in to join the discussion.