An Expanded Multiplication Table

In the Dune stories, mentats are trained to do complex calculations without any mechanical aids. For normal people, instantly knowing the multiplication up to 10 is a useful skill. Extending the multiplication table to twenty seems to require the skills of a mathematical savant.

However, calculating products of up to 20 actually only requires the single digit multiplication table and the ability to add small numbers mentally. My goal is to be able to do these calculations without paper. How?

If one of the numbers is single digit and the other is between 10 and 20, the calculation works like this:

A number between 10 and twenty can be written as \(10 + a\) or \(1a\). For the results you have one single digit multiplication an addition of a number times ten.

$$1a * b = (a*b) + (10 * b)$$

Since \(10 * b\) is just \(b\) shifted left by one, you can get the result by identifying \(a*b\) and then adding \(b\) to the second digit.

$$1\color{blue}{5} * \color{red}{7} = (\color{magenta}{35} + \color{red}{7}0) = 105$$

The mental steps are “calculate \(\color{blue}{5} * \color{red}{7}\)” and then “add \(\color{red}{7}\) to the second digit.”

For the product of a single digit times and a number under twenty, you always use the normal multiplication table and single digit addition.

If both numbers are between 11 and 19, the calculation works out this way.

$$a * 1b = (10 +a) * (10 + b) = a * b + 10 * (a + b) + 100$$

To start, multiply the singles place values. For example \(1\color{blue}{5} * 1\color{red}{7}\) starts as \(\color{magenta}{35}\).

Then add \(\color{blue}{5} +\color{red}{7}\), giving \(\color{orange}{12}\).

Add that in the 10s place \(\color{magenta}{35} + 10 * \color{orange}{12}\) giving \(\color{brown}{155}\) and finally, increment the hundreds digit, giving \(\color{green}{255}\)

This involves multiplying single digit numbers, adding a pair of single digits, adding a digit and a number less than twenty and incrementing a digit. It works out to needing having six or so digits in mind at once which can be less than one’s estimated working memory of 7 digits.

If one of the numbers is 10, add a zero to the right of the other value. For twenty, double the other number and add a zero. Now there’s a simple way to multiply two numbers where both are 20 or less.

With a little practice, I can do this in my head. More importantly, I’m confident of my result so that I’m getting so that I don’t need to double check on a calculator.

Reduced Colors

If you start with the number 6 and organize the integers based on their remainder when divided by six, you have 6 sets. One set contains \(\{0, 6, 12, …, -6, -12, … \}\). Another set contains \(\{1, 7, 13, …, -5, -11, … \}\). A third \(\{2, 8, 14, …, -4, -10, … \}\). The last three are \(\{3, 9, 15, …, -3, -9, …\}\), \(\{4, 10, 16, …, -2, -8, … \}\) and \(\{5, 11, 17, …, -1, -7, -13 \}\).

If I use the lowest non-negative value in each set as its name, I can signify them by placing a bar over the number. The collection of 6 sets can be summarized as \(\{\overline{0}, \overline{1}, \overline{2}, \overline{3}, \overline{4}, \overline{5}\}\).

For the examples here, I’m going to reduce the list by throwing out all of the numbers that are not relatively prime to 6. Relatively prime means that they don’t have a common factor with 6. 2 is not relatively prime to 6 nor is 3 because they divide 6. Also 4 is not relatively prime because 2 divides both. I also discard 0 because all of the numbers in \(\overline{0}\) are have 6 as a common divisor. This leaves a much shorter list: \(\{\overline{1}, \overline{5}\}\)

What’s interesting about this reduced list is that, if you multiply any pair of its numbers, the product is still in the collection. \(1 \times 1 = 1\), \(1 \times 5 = 5\), \(5 \times 5 = 25\). If you simplify 25 modulo 6, you get 1, still within the reduced set.

In general, if you take an integer \(n\) and keep only the numbers that are relatively prime to \(n\), the result of any product is in one of the “residue classes” of the list. This means that a multiplication table of these products will only contain those relatively prime numbers.

For 5, 8, 10 and 12, there are four numbers in each reduced set. 5 has \(\{\overline{1}, \overline{2}, \overline{3}, \overline{4}\}\). 8 has \(\{\overline{1}, \overline{3}, \overline{5}, \overline{7}\}\). 10 has \(\{\overline{1}, \overline{3}, \overline{7}, \overline{9}\}\), and 12 has \(\{\overline{1}, \overline{5}, \overline{7}, \overline{11}\}\).

The product tables that result from these four sets are:

It’s not obvious whether any of these tables are equivalent and follow the same pattern. However, if you rewrite the table by replacing each number by its position in the set. I’m using the natural numeric order of the values. 7 is the third number in 12’s list, so 7 in replaced by 3. A similar substitution for each value, yields a new product table.

From these, it’s a little clearer to see that 5 and 10 are equivalent as are 8 and 12.

However, if you replace the numbers with colors, the information is even easier to see.


The numbers, 7, 9, 15 and 18 all reduce to sets of 6 numbers. When they are transformed into color arrays with similar procedure, you get these diagrams:

This shows that there are 3 different multiplicative groups coming from a reduced set of 6 values. 9 and 18 are equivalent while 7 and 14 are unique.

When you have the reduced sets represented with these color arrays, interesting patterns can become visible that are hidden if you just look at the values numerically.

Animation and communication

I’m working on a tool to help me do animation. My underlying technology is HTML and JavaScript. I’m trying to apply some of the principles of traditional animation to my process. The primary target for the tool is math explainers.

One idea from traditional animation that seems important is the idea of creating keyframes while drafting a presentation. In an animation, the keyframes would be images with gaps between them that would be filled in by artists as they create the continuity of the motion. I could apply this idea by making still images of important stages in the product. Then, I can do the magic of making things move smoothly with polish and flair. However, when the animation is generated algorithmically, the keyframes might be similar to an advanced storyboard.

Making a storyboard would also be helpful for planning. I could make (paper) sketches of where I want the narrative to go. However, I haven’t tried this for my current video, even though it probably should be the first thing I do. I’ve been so enamored with the animation software development that that’s been a distraction from my ultimate goal.

Another (potential) idea from storytelling is that the outline is often structured in a three-act framework. I don’t really have an intuition about how to apply that idea to communicate mathematics. It sounds promising, but I haven’t explored it yet. Part of my uncertainty is my lack of experience in analyzing the three-act structure.

Animation can be a really useful tool. I don’t want to lose sight that it is just a tool and should not override the process of communication. It’s so easy to get excited about animating things in a pretty way. I also want to explain each topic effectively.

This summer, Grant Sanderson, the creator behind the YouTube channel 3Blue1Brown, sponsored a math exposition contest. His announcement of the winners shared some principles that he used evaluate the submissions.

My understanding of his discussion about the contest is that first, the information should have a motivation. Why is the information interesting? What about the topic is meaningful to the videographer? He also wanted the videos to have clarity, empathy and to be engaging. Clarity requires the video to be succinct and direct. To me, empathetic means that the video should talk to its audience. It should be aware of difficult concepts and acknowledge the difficulty. Engaging means that the audience should want to pay attention to the explanation.

Other attributes that he used to evaluate submissions to the contest was whether the videos had good quality, novelty and were memorable. To me, quality means that the chosen tools are effective and used skillfully. Novelty means that the ideas should include something new. Perhaps a new explanation, an insight that unlocks the topic to a larger audience or that it is just different. Memorable content allows the important ideas to stick with the viewer.

I think these concepts are good benchmarks to aspire to in my releases.

Sometimes a video is a good way to present the information. At other times, the ideas are better shown with a document or an interactive website. Of course, these can all be used together. Animation can help a video contain these attributes from the contest. The right information for the right audience might need more than animation technology.