Mandelbrot with P5.js

100%

Mandelbrot with P5.js

✓ Published1🌍 Public

Last edited Jan 31, 2024

Created on Jan 31, 2024

This visualization renders the Mandelbrot set as a monochrome fractal, mapping each pixel to a complex coordinate and coloring it based on iteration count using P5.js. The sketch initializes a canvas sized to its container, sets `pixelDensity(1)`, and loads pixel data via `loadPixels()`. It iterates through the plane, applying the recurrence `z = z² + c`, and determines brightness with `dist()` and `map()` functions. The code uses `noLoop()` to draw once, then `updatePixels()` to display the computed grayscale values.

AI-generated description

The P5JS example: Mandelbrot Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Colored Mandelbrot with P5.js

This example renders an interactive Mandelbrot set fractal using the p5.js library, with a custom color palette applied to the escape-time values. The visualization iterates over every pixel in the canvas, mapping coordinates to the complex plane and testing how quickly each point diverges under the z = z² + c formula. Instead of grayscale, the code assigns vibrant RGB values derived from the iteration count, producing psychedelic gradients within the fractal’s basin. It uses p5’s `loadPixels`, `updatePixels`, and `map` functions to manipulate the pixel array directly.

CCurran Kelleher

89% match

Loading thumbnail…

Gist 119211

This example visualizes the Mandelbrot set as a fixed ASCII-art plot in a terminal, using Ruby’s `Complex` class to iterate the function `z*z + c` fifty times per point. The code samples a 2D grid over the complex plane—x from -2.0 to 0.5 and y from 1.0 to -1.0—and prints an asterisk when the final magnitude is less than 2, otherwise a space. It shows a symmetric, high-level fractal silhouette rendered entirely with text characters, with no graphical libraries involved. The rendering approach relies on nested `step` loops and `Array.new(50,a).inject` to perform the iteration, producing the classic bulb-and-spiral structure directly in the console output.

DDylanFM

71% match

Loading thumbnail…

Processing Starter with P5JS

This example presents a recursive fractal pattern of circles, rendered on a 960 by 500 pixel canvas using the P5JS library. The sketch’s `draw()` function calls `drawCircle()` six times, progressively halving the radius and shifting the x-coordinate to branch into two smaller circles per level. Each circle’s fill color is calculated by mapping the recursion level to a grayscale value, creating a subtle gradient across the nested shapes. The P5JS functions `createCanvas()`, `noLoop()`, and `ellipse()` structure the static visualization.

CCurran Kelleher

69% match

Loading thumbnail…

Computing Mandelbrot Set for limit 1K

This visualization renders the Mandelbrot set for a maximum iteration limit of 1,000, using the `System.Numerics.Complex` type from C#. It shows the complex plane’s escape-time behavior, where each point is colored by the iteration count returned from a custom `Mandelbrot` function. The code computes the set by iterating `z = z * z + c` while the magnitude stays below 4 and the count is under 1000. The rendering approach is not shown in the snippet, but the computation relies on the `System.Numerics` library, and the source is a gist by Hugoberry, with the plot itself being data-derived from the function’s output.

HHugoberry

69% match

Loading thumbnail…

P5JS Starter

This example displays a recursive fractal pattern of concentric circles that shrink and branch outward symmetrically from the center of the canvas. The sketch uses the P5JS library with a setup function that creates a 960x500 canvas and disables animation via noLoop(), while the draw function calls drawCircle to render the structure. Each circle’s fill color darkens progressively with recursion depth, computed from the level parameter. The code relies on P5JS’s ellipse and fill methods, with recursive calls splitting each circle into two smaller ones.

MMatthew J. Oldach

67% match

Loading thumbnail…

Generating Mandelbrot set in Power Query

This example renders the Mandelbrot set entirely within Power Query by generating a 1080-point sequence with `List.Generate`, mapping each point to the complex plane, and iterating the classic Mandelbrot formula to compute escape values. It visualizes the resulting 2D grid of iteration counts as a static bitmap, relying on Power Query’s built-in table and chart capabilities rather than external libraries. The code exposes a compact, functional approach to fractal generation, directly showing how iteration-based math translates into a visual image without specialized graphics APIs.

HHugoberry

67% match

Loading thumbnail…

Document

This visualization uses an animated scatterplot to approximate the Mandelbrot set via a probabilistic Monte Carlo method. For each of 150 epochs, it randomly generates 2,000 points within a fixed coordinate domain and tests whether each point remains bounded after 100 iterations of the complex quadratic map. Points that stay bounded are plotted as small green circles using SVG, while the count of successful points is continuously updated. The chart is built with D3 v5, using `d3.scaleLinear` for axes and `d3.timer` to drive the animation.

NNeeraj Kumar

65% match

Loading thumbnail…

P5_Test

A visualization built with p5.js renders a set of three concentric circles against a dark background. The sketch creates a 1000 by 500 pixel canvas and uses the `createCanvas` and `circle` functions to draw each circle at the same horizontal center with increasing radius and vertical offset. The `noLoop` function stops continuous redrawing, leaving a static composition of purple shapes on a light gray field.

CChandana Srinivas

63% match