This is a list of small vibe-coded projects. Emphasis in projects that can run in a browser, typically in a computer screen (some few emphasis were mobile).
Priority has been more generating then and putting them a single place. Eager to hear inputs/suggestions at davegonzalez@gmail.com.
For the big majority of these projects, the 'core' of the project (like 80% of the final experience) took 15-20 minutes and 2-3 prompts. Unsurprisingly, after the first draft the remaining 20% can take way longer as some visualization preferences/quirks can be quite a tempting rabbit hole to go through.
At some point after posting 100+ of these, I'll set some time to bucket them better and/or annotate them in a clearer way.
(Electrostatics). Animation of the operation of Wimshurts Machine, generating sparks via friction between brushes and spinning disks. Includes a telemetry chart option
(Orbital mechanics). Where is the ISS? (International space station). also showing other 4 noteworthy orbiting objects, and select locations.
(History / geography). Napoleon military campaigns. key locations and timeline
Animation showing location of his key campaigns, plus size of the resources under his command.
(Physics. Physics of a skater's spin). Using a simplify wooden-stick-figure model for the body, displaying how the moment of inertia changes for different positions and modifies the angular velocity. Includes a semi-transparent view to display the Center-of-gravity for each major bone/structure and the overall center of gravity (cyan)
(Diversity of Origin / Immigration). Color coded map of US. counties by % of population that was foreign born. Data from 1980, 2000, 2009. zoomable and with a loop
(Geography/Math). Comparing the size of a country with others around the world. adjusting for the mercator projection distorsions. drag&drop.
(Physics/Thermodynamics). 3D visualization of how a (cubic-shaped) room cools down over time aftger a door opens connected to a much colder temperature.
A room in the winter that was at certain temperature and cools down gradually as a rectangular window is opened. heat equation.
(Math/Statistical inference). Interactive visualization of the lady tea experiment. Assessing if order matters from guessing which cups were prepared w/milk vs vs tea-bag first.
How can an experiment take as a input the number of guesses (was the milk poured first or the tea put first) infer if the lady can really know from the taste of the tea what happened.
(Physics/Orbital mechanics). Simulation of resonance between the orbits of saturn and jupiter. self-regulation. Synodics separated by ~20 years
Visualize how Jupiter gravitational pull can slow down (or accelerate) saturn's orbit.. and how that stabilizes back in the long term.
(Economics/ International comparisons). Anisomorphic maps of top relative country relevance 40 countries (GDP, population, internet users)
Display the size of the rectangles (located where countries are normally shown by area) as a function of economics/business variables
(Education/ reading game). Game for recognizing letters/words for a kindergarten student.
Gamified, mobile friendly tool for associating basic words (the initial letter) to icons.
(Math / Calculus education). Visualizing of calculations approaching the value of e^1
Taking the limits defition of euler's constant, and approaching that value as the number of terms calculated increase.
(Math / Calculus educatiion). Visualizing the convergence of the infinite product (Wallis product) to pi()/2
The more terms, the closer it gets to the actual value of pi().
(Finance / Math). Power-law evolution end value coming from iterating a normal distribution of returns over 100 iterations.
If the (percentage) gain of a porfolio is distributed normally, but the new result becomes the starting point to the next calculation, the overall portfolio evolution follows this shape.
(Math/Statistics) comparison of medians, and particularly mean stability (lack of) of Pareto (power law) distribution, contrasted with log-normal and normal distribution.
events in the fat tail of the [purple] pareto distribution can sway aggressively the median.
(Math/Calculus) Visualization and Simulation of the 'secretary problem' for optimal stopping in a pile of candidates.
When is the ideal point to stop? after seeing how many potential candidates. Optimal stopping shoud happen after ~36% have been seen.
(Electronics/Communications). 'Directional' tuning of a linear array of antennas by adjusting the phase of the signal received by antennas in the array. Include a 3D version for a Cross-shaped array
(Digital Communications / Information theory). FEC. Forward Error Correction of a message for different bit error rates.
The effect of inserting additional (error correction) codes to a message. resilience to noise in the channel, cost in efficiency.
(Math/Algebra/Geometry). Visualizing the geometric interpretation of the difference if squares a^2-b^2
Geometric interpretation of the algebraic equation of difference of squares. (Areas of Rectangles)
(Math/Complex variable calculus). Visualizing the convergence/divergence of the infinite series of Z^i. selecting an initial value of Z
when Z is inside the unit circle, it will converge. angle of Z will determine rotations as the spiral swerves.
(Math/Dynamic Systems). Simulating the logistic Map for different values of R and chaotic behavior beyond Feigenbaum's point.
A population growth formula gives the value of X_n+1 as a function of X_n and a growth rate. depending on the value of the growth rate (R), it can reach periodical, or even chaotic behavior
(Math/Physicis). Animation showing few terms of fourier series approximating a few select functions, including sequence of circles and listing coefficients and phase shift of top terms.
Periodical functions can be approximated by a series of sinusoidal functions of different frequencies and phases.
(Electronics/Signals). Visualizing the Lissajous curves, adjustments for frequency and phase
When the x-coordinate and y-coordinate are set by functions of the form sin(NT) and sin (MT+phase).
(Physics). Simulation of a cloud chamber dynamics. For the main 5 discoveries. with pop-up information.
Given the direction and curvature of the trace of the particule, sign of the charge and mass can be inferred
(Physics). Ballistic pendulum. measuring the speed of a bullet. with preselects for typical gun/caliber options (and custom controls).
Kinetic energy of a bullet is converted into kinetic energy of the bullet+mass in the pendulum, and to potential energy (angle measured)
(Signals/Math). Convolution of a signal A[n] and and an impulse reponse system B[n].
Visualizing the 'flipping' and slider of the signal and/or the impulse respons to calculate the system response by convolution.
(Economics/Geopolitics). Marimekko (aka Mosaic) chart of Latin American economies by GDP components (from IMF '26 estimates)
Variable width bar charts, allowing a larger range of data to be represented more intuitively
(Dynamic Systems/Math). Predator-Prey phase diagrams adjusting parameters of Lutka-Volterra equations.
Two populations (predator population, prey population) fluctuate in a cycle. If scarce food, predator population decrease. Low predator population allows prey population to grow fasters. Big prey population allows for larger predator population. And on, and on...
(Math/Optimal structures). Explorer/visualizer of Gyroid surfaces. bounded in sphere. ontrols for variable phase, wall thickness.
A triply periodical surface, with interesting structural (density, strength) discoverer circa 1970s. A 3D printer fantasy.
(Math/Optimal structures). Explore Schwartz P, Schwartz D, and Gyroid TPMSs. bounded in a cube.
Fitting the gyroid surface in fixed x,y,z, coordinates with string boundary limits (cube)
(Math/Algebraic shapes) Visualizing the chair surface.
Surface with tetrahedral symettry with 70s like aesthetics.
(Math / Geometry). Sum of angles in a triangle in Euclidian and Non-euclidian geometries. Adjustable curvature
An intuitive way to see how other geometries can allow triangles with angles adding either less or more than 180 degrees.
(Math/CS). The traveling sales person problem and 3 algorithms. Simulated annealing. Shortest path to visit top 50 US cities.
simulation of the heuristic results of the traveling sales person that passes by the top 50 most populated cities in the US once.
(Math / CS). Meta-version running TSP sim. annealing 1000x, and plotting histogram of results
Same as before, but now includes a 'meta' mode to run multiple times and see distribution of results.
(Electric Circuits). Simulating time and frequency response of RLC circuits (series and parallel). adjustable parameters.
(Math/Calculus). Polar roses. r=cos(theta*n/d) for different values of n, d.
(Statistics/Calculus). Illustrating Least Squares fitting of 15 data points either snap fit or autofit.
(Math/Fractals). 3D viewing a 3D sierpinski pyramid
(Astronomy, Geometry). Replicating Bessel's observation of a patch of the night sky, and the shift from location of the starts at opposite sites of earth orbit (stellar parallax). Focus near cygni 61
(HR / Performance assessments in noisy skill/luck systems). How imitating the highest performers in such systems is NOT the optimal way to assess skill. Replication of the simulations in the Denrell-Liu (2012) PNAS paper, this time with a bigger simulation run.
(Electrostatics). Visualizing in 3d the electric potential of 2-3 charges. showing electric field flows, gradient allowing for a combination of charges. focus on equipotential / isopotential lines.
(calculus. chase problem). A small collection of chase problems simulated. Including explanation of the relevant equation. Sort of a companion/sandbox inspired by Paul Nahin's 'chases and escapes book'
(Electromagnetic waves). Visualizazing electric and magnetic fields from a hertzian dipole (located at the origin). Focus on how those fields behave in an array of points in a radial line from the origin.
(Digital "art?"). A mandala makergemini.google.com/share/c921212eac2e
(Information Theory / Data entropy). Demonstration of how a text can be compressed using huffman codes (lossless) by allocating shorter symbol lengths to the symbols that show up more often in the message. Uses the gettysburg address as the default text
(Logistics/Inventory Management). Recreation of the famous 'beer game' simulation. It simulates a multi-layer distribution system, and the 'bullwhip effect' (small fluctuations in demand generate outsized movements in reorders).
(Materials Science). Outsized impact of an [elliptical] dent in the stress concentration in the material. Finite Element Analysis. Biggest impact seen for low tip radius and deeper dents. heat-map coloring.
(Structural analysis, Arches). Simulating the stress handling of different type of arches. heatmap-like mapping of stress. assumes crown load.
Same but adding Uniform Load, Lateral Load and Assymetric (quarter point) load.
Visualizing the slope lines of several simple types of differential equations. An arrow is shown (mouse over) to get values at any specific put, and slope lines drawn over the x-y plane
Expanded the previews for a more complete visualizer of dynamic systems. Includes a 'marble' run to start tracing the trajectory from particular locations in the phase diagram. Marble's trajectories are isoclines
Visualizing Electrostatic potential around a spherical surface enclosing a tetrahedral arrangement, xor a countour diagram of the potential. Center has negative charge, and vertices negative charge. There is control to adjust the redius. A methane molecule comes to mind
The polyhedra that Wolfram has used for their Mathematica logo. An incomplete list. My favorite is the Polychromatic Tesselated Spikey. Each has a little "further info" section. (clicking the "i")
Complex numbers are not imaginary, just Lateral Numbers. 3D visualization of how imaginary roots (coming in pairs) can be seen as 'going lateral, jumping off the page' in the case of a parabola and a 5th-degree polynomial.
Historical evolution of number of hours worked (for a US worker) to be able to cover the costs of 1000 lumen-hours.
Based on the planet money episode 534, 'The History of Light'. Updated with recent data and some estimates
SkyView. where the planets, main constellations and top 20 stars look like from certain locations
Exploring the Arrhenius equation implications. (Physics/Chemistry of fire). Even at room temperature wood is oxidizing (but a very slow rate). But that rate increases exponentially with temperature.
(Matrix operations). Visualizing how matrix operations alters an Image (lena). showing also eigenvectors and eigenvalues.
(English pronunciation). Training app for pronouncing english vowels. React to users pronunciation across key pairs that native spanish speakers tend to mispronounce.
(Music / Physics). x listens to 3 seconds of audio and plots the frequency response (DFT). Useful for tuning the flute
(Physics). Simulated behavior on bubbles in a surface, enclosed by a circular rim. attraction influenced by size and distance between bubbles (power law nearby and faded into an exponetial for longer distances.. They are also attracted to the circular edge.
(Conformal mapping / aerodynamics). Example of application of conformal mapping. Air flow around a foil. Using in particular the Joukowski transform to determine the flow around a foil by mapping the simpler flow from a cylinder.
(Astronomy). Visualizing the deviation between the actual uranus trajectory 1820-1828 and the one expected (Dubard's tables) that supported the hypothesis of an additional planet further away and led to the discovery of Nepture.
(Policy / Government Budgets). Visualizing shifts in the Oregon budget (set in biennial steps) since 1995, across major categories.
(Physics). The antiresonance effect of coupled oscilators (pendula), with the objective of isolating/dampening oscilations at a certain frequency.
(Physics/ Electricity). Operation of a simple DC electric motor with split ring commutator. multiple viewpoints and displaying fields, current, forces and torque vs time.
(Algebra). Complex number . mapping from the z plane to the w plane the w=z^2 equation. turning hyperbolas on a rectangular grid, or a rectangular grid into parabolas.
(Physics/car racing). Contrast of Senna and Prost curve-taking. Prost maximizes exit speed, Senna brakes later, tolerates higher Gs.
(Math/Geometry). Elliptical bixlliards. throwing balls from one focal points of an ellipse, in random directions, and showing how all of them pass by the other focal point. Included a cool-looking 'rainbow throw' button.
(Thermodynamics). Entropy as the tendency to be more spread-out / scrambled. Simulating opening a container with 200 particles and how it reaches equilibrium as particles get scrambled in and out.
(Fluid Dynamics). A small CFD Playground (computational fluid dynamics simulation). smoke advection, dye diffussion, etc.
(Physics). Explainer of the physics of the 'drinking bird' toy. heating, evaporation, pressure difference, center of gravity change, tilting, cooling.
(Math/Probability). Using Pascal's triangle to calculate nCr (probability of a coin toss with certain number of heads and tails).
(Math/Probability). Illustrating the Grand Duke's Paradox. Differences between combinations and permutations on a game rolling 3 dice (27 pathways to get to 10, constrasting with 25 paths to 9, despite 6 combinations exactly would yield either 9 or 10)
(Physics/Math of collissions) Geometric interpretation of an elastic collision between 2 masses. Conservation of Energy implies solutions reside in an ellipse, while conservation of momentum implies solutions reside in a line (mass and velocities are parameters to adjust).
(Algebra, Harmonic Series). Visualizing in 3D the block-stacking problem (aka. Tower of Lire). Can reach (in theory) any arbitrary length, as it grows like the harmonic series.
(Math). Origami. Shapes built with Sonobe units (cube, octahedron, icosahedron). The sonobe simple unit has pockets to connect with adjacent sonobe units.
(Physics/Waves) Superposition of two sinusoidal waves, and the beat frequency. Including the visualization as adding two complex functions (phasors)
(Physics/Math). Exploring the curvatures of the Scherk minimal surface. Notice how the mean curvature (H) is different than the gaussian curvature (K)
(Math). Constructible numbers. Showing the steps for a certain number can be constructed with rules and compass. As long as it is rational (or rational + rational multiple of square roots). Notice the absence of 'non-constructible' numbers. (e, pi(), and a few others are trascendental numbers)
(Math/Complex variable). Illustrating/Animating Stokes Theorem. Relates a surface integral of the curl of a vector field over an open surface to a line integral of the vector field around the boundary curve of that surface . \
(Economic Policy/Demographics). Interactive viewer of the Modigliani life cycle. modeling financing/debt needs through age in a typical worker. Starts funding spending with debt, reaches peak income, peak savings, retires.
(Physics). Torricelli's law. Emptying of identical cone-like containers (but one is flipped). which one depletes first?
(Physics/Optics). Diffraction grating simulator. What can be seen at the screen, location intensity of the color stripes
(Physics/Optics). Multi-slit difrraction. what can be seen perpendicular to the slits
(Cryptography). The math behind the Diffie-Hellman key exchange. Follow-on to the computerphile youtube video on diffie-hellman.
(Electronics). Illustrating the operation of simplified logic gates implemented with bipolar transistors.
(Physics). Galilean cannon. Bouncing of balls aligned vertically (with a delay) with different options of materials.
(Math) Roots of Little woods polynomials. Where the roots of polynomials of degree N with integer coeficients land in the complex plane
(Dynamic Systems). Interactive pole-zero system response. modify location of poles and zeroes in Laplace domai and see changes in time response
(Math). Visualizing the trinomial cube. Famous in montessori pre-K schools. (a+b+c)^3
(Astrophysics). Simulation Visualizing tidal lock of non-spherical satellite
(Math). The shape of the road that makes an triangular or square wheel roll smoothly. Extended to several n-gons. with some explanatory math.
(Mechanics). Animation of the Geneva drive mechanism.
(Mechanics). Operation of the 4-bar-linkage, converting uniform rotation into back-and-forth in an arc
(Thermodynamics). How a cold drink heats up in a hot summer day. different options (can, glass cup, aluminum cup, ice/no ice)
(Environment). Mexico City air quality evolution. More like an infographic
(Environment). Bogota, Colombia air quality evolution. Infographic with additional detail on Ozone.
(Environment). Portland, Oregon air quality evolution. Infographic
(Geometry/Soccer). How narrow of an angle is it to score a goal, as a function of location in the soccer field. Points with identical angles sit on a circle that has the line between goalposts as a chord. Includes an arrow to show the gradient, guiding which move would maximize the increase on the shooting angle
(Physics). Illustrating the Dzhanibekov effect. Conservation of angular momentum drives 'unusual' turns
(Electronics). Simulation of an oscillator built with the 555 integrated circuit.
(Fluid Dynamics). First pass of a wind tunnel bevahior with cilinders, wedges and boxes. includes a note about where it falls short.
(Math). Visualizing z^n . with burst mode
(Math. Trigonometry). Visualizing the Pythagorean trigonometric identity (sin^2(x)+cos^2(x)=1) in the unit circle. drag and move the angle.
(Math, Vectors, Chemistry). Why the angles in a tetrahedral is 109.5 degrees? (Like methane, or a diamond).
(Art History). Explainer for Guernica. interactive explainer in html of picasso's painting.
(Math / Abstract Algebra). Explainer for the Cayley graph of S_4. permutations in a 2x2 arrangement of 4 cubes.
(Geography). Tiled map of the US showing color coding on state level data for selected variables.
(Image processing). visualize undersampling of a photo. by taking strips of it and rearranging
(Probability). Bayes rule. Positive Predictive Value of a positive test as an indicator of disease. focus on 4 most prevalent types of cancer.
(Electronics). Explanation of the operation of a semiconductor p-n junction. in a diode.
(Electronics). Explainer for the operation of an astable oscillator built with a 555 IC.
(Electronics). Explainer for the operation of an RS flipflop
(Earthquakes). Basis simulation of behavior of buildings with different frequencies of earthquakes. And remediation options.
(Physics/Acoustic waves). Visualization of how a [simplified] flute works.
(Physics/Waves). Resonance explainer. Frequency response of a system of springs (with different elasticy coeffs) driven by a circular crank at difference frequencies.
(Physics/Rotational Mechanics). A rolling race between a solid cylinder and one with a hole, both rolling down a triangular ramp.
(Physics/Energy). Comparison (Telemetry) of letting a cylindrical roll drop or let it unroll going down.
(Physics/Waves). Visualization of the stationary waves in a crystal cup. simulated time is way slower than actual oscillations.
(Math/Algebra). Visualizing values of a polynomial as independent variable approaches one of the roots.
(Physics). Operation of system of pulleys of increasing mechanical advantage.
(Physics/Waves). The caustic wave patterns that form when a bowl with fluid is tapped repeatedly.
(Physics/Waves). The u-tube oscillator behavior and analogy to an RLC circuit
(CS/Fluids). Simulation of mixing paints in a bowl with a wooden spatula.
(Calculus/Medicine) . Explainer for the ordinary differential equations to model the HIV (AIDS) virus dynamics and treatment.
(Math/Probability). Explainer and intuition behind "The birthday problem".
(Geography). What is your nearest city? voronoi map. partitions of the map of colombia.
(Math/Numerical Methods). A visualizer of the Runge Kutta RK4 method for numerical integration in a preset of ~5 functions.
(Math/Combinatorics). Possible permutations of a reduced deck of cards. scaling with n!
View slightly more advanced simulations, on the Deep dives
(Math / Geometry. Calculus pursuit problems). N bugs starting in vertices of an n-gon running towards each other. path it traces
Sub-atomic physics. visualization of atomic orbitals (see tab)
(Financial planning/retirement). "How long will $X last?" Calculating and visualizing capital depletion adjusting parameters on return, inflation, value saved, etc. Montecarlo run of historical S&P performance.
(Signal processing, DCT). Effect of select convolution filters and a view of the DCT (discrete cosine transform) of the famous 'Lena' image
(Physics/Dynamic Systems). Energy transfer to a dampened oscilator. phase diagrams Position, Power.