CodeLab

My code laboratory.

Fractal looking blobby tube. Sweeping Blobs
Sweeping blobby circles (see previous item) leaving a fancy trail.
Blobby circle. Blobby circles
Animated blobby circles using Perlin noise.
Small solid cubes stacked to a larger cube with a pattern of left out small cubes. Menger fractals
Interactive Menger sponges and Menger flakes.
(X3D/X3DOM, P5.js/WebGL, Three.js/WebGL)
A swirly cloud of dots 'randomly' dense packed throughout the cloud. Pickover Attractors
On-line plotters of Pickover Attractors and several variations.
Circular diagram with straight lines connecting points on the circumference. The lines form a net with a certain pattern. Curves obtained with n * t mod p
Diagrams of line patterns obtained with times tables modulo a number of points.
The inner-space of 3 imaginary touching large equal sized circles filled with gradually smaller and smaller touching drawn circles. Descartes' kissing circles
Interactive circle packing fractal.
Three touching equal sized circles just fitting within one large escribed circle with the inner-spaces between the 3 circles filled with gradually smaller and smaller touching circles. Triplet Apollonian gasket
Interactive circle packing fractal.
A complex spirally trajectory in a 3D space. Lorenz attractor plotter
JavaScript Lorenz attractor plotter, without the use of libraries.
3D geometric shapes. 3D geometric shapes
Three dimensional solids in several file-formats (static and interactive).
(Anime.js, X3D/X3DOM, P5.js/WebGL, Three.js/WebGL)
An icosahedron Morphing 3D shapes
Morphing three dimensional shapes.
(Anime.js, three.js)
A pattern that looks like a flat dendritic crystal like a frost pattern on a window. Brownian tree
JavaScript creating diffusion-limited aggregation patterns.
A 3D function plot. Plotting a 3D function
3D function plotter.
(X3D/X3DOM, P5.js)
A map of the Netherlands with the population density per province. Population density
Interactive map visualizing the population densities in the Netherlands (in Dutch).
Graphs and charts. Demographics
Interactive charts visualizing some demographic data of the Netherlands (in Dutch).
A piston and crank as in a combustion engine. Combustion engines
SVG animation of a four-stroke and two-stroke combustion engine
A diagram of lines as bars and dots as junctions as a model for a mechanism. Bar linkage "Strandbeest" leg system.
Animation of the bar linkage leg system of the "Strandbeest"
(JSXGraph library)
A picture of a geometrical figure made with this app. Code your math picture
Code your math picture.
Some lines of programming code. Code your calculation
Calculator.
Six times seven is?. Practising arithmetic
Practising arithmetic app.
A square area filled with little colored touching squares. Filling an area with squares or circles
A pure JavaScript application for square or circle packing an area.
Dots arranged in a circular pattern as the seeds in a sunflower. Fibonacci plants
A model for the pattern of florets in plants.
Parametric function plot. Plotting parametric equations.
Parametric equations plotter
(JSXGraph library)
Parametric function plot. Lissajous curves. Plotting Lissajous curves.
Lissajous curve plotter
(JSXGraph library)
Figure with 5 curls in a circular symmetry. Plotting polyskelions.
Spiral polyskelions plotter
(JSXGraph library)
A lemniscate formed by circles gradually increasing and decreasing in diameter on a eight figure shaped curve. Plotting polyskelions 2.
Polyskelions composed of circles plotter.
(JSXGraph library)
A stylistic tree. A fractal pythagoras tree L-systems plotter (experimental).
Experimental Lindenmayer systems (L-systems) plotter.
(JSXGraph library)
Two gear wheels. Gear Wheels.
SVG animation of Gear Wheels
A computer generated image of a tree. JavaScript Tree
Random trees generated using a recursive script.
2D function plots. 2D function plotter.
2D function plotter
(JSXGraph library)
A leaf icon. Kaarten
Interactive SVG maps (in Dutch)
A leaf icon. Hilbert
A free template for a simple HTML5 website.
Image of Albert Einstein. Albert Einstein
A free template for a simple HTML5 website.
Image of Bebe Daniels. Bebe Daniels
A free template for a simple HTML5 website.
Two smiley faces. Smiley
SVG line animation. Animate after clicking an SVG.
Two pumpkins. Halloween
Halloween animation in SVG, using JavaScript.
Strings of drops. Drops
Animation using HTML5 Canvas and JavaScript.
Four photos placed in perspective behind each other. Shuffle Show
A shuffle show in perspective for images.
(JQuery library)
Text on a background both patterned opposite. SVG pattern
Some pottering around with SVG patterns
Some simple 3D construction in wire frame. 3D Wire frame manipulation
Experimental 3D Wire frame model manipulation.
(P5.js library).
Some math terms and their translation in Dutch. Math dictionary Dutch ↔ English
Experimenting with JavaScript AJAX and PHP to make an app to search for a math expression and its translation.
Picture of a compass drawing tool. Geo triangle info-graphic
Experimental info-graphic in HTML and SVG about how to use a geo triangle.
Picture parallel guide. 3D CAD and 3D printing article
Article about experimenting with 3D CAD (BRL-CAD) and 3D printing.
Picture of a thirties toy car. My Images
Experimental template for an image library, used to display my 'SVG art'.
Picture of trees. Oosterbeek
Experimental template for an image gallery, used to display my photos of Oosterbeek.