Experiments with Javascript
On the path of learning-
Canvas & Drawing
- draw shapes — resize-resistant canvas primitives
- draw random shapes — randomised shape generation with animation
- draw on a resizable canvas — freehand drawing that survives resize
- pattern drawing — visual patterns from logical operators
- fractal tree — recursive tree with tuneable parameters
-
Colour & Visual
- change colour with slider — RGB sliders controlling a rectangle
- colour grid — interactive grid with adjustable palette
- random colour — generate and display random hex colours
- text to colour converter — encode text as RGB colour cells
-
Graphs & Algorithms
- dynamic graph — force-directed node simulation
- graph connectedness tester — load an edge list and test connectivity
- graph builder — build graphs interactively with adjacency matrix
-
Maths & Geometry
- circle calculations — area, circumference from radius input
- circle as object — OOP approach with prototype methods
- sine coordinates — plot sine values as an SVG curve
- roll a die — animated die with frequency statistics
-
Interactions & DOM
- counter — encapsulated state with closures
- mouseover demo — colour changes on hover events