Inspired by Mathologer’s video about Times Tables[1]. Here, N is the number of points around the circle and M is the number we’re multiplying by. Watch the video to understand what it’s doing. First change N to see the cardioid shape. Then change M to see other patterns.
Alternatively: click/touch the diagram to change the parameters.
I really like the colored results!
And of course after I implemented this I found other people had done it too!
- http://www.qedcat.com/cardioid.cdf[2] (Mathematica file) (linked from the youtube page)
- https://mathiaslengler.github.io/TimesTableWebGL/[3] (linked from the youtube page)
- https://seiselen.github.io/Multiplication-Circles/[4]
- https://bl.ocks.org/olearym/ec27b9ac1bf0da42ed8a0d533181693b[5]
- https://www.desmos.com/calculator/ohry1pwq1y[6]