You are currently browsing the tag archive for the ‘maths’ tag.

I’m working on adding nicer text and math symbol support in GridMaths, so formulas will look like they should.



LaTex is the ‘gold standard’ but I’m thinking of using a simpler alternative which gives most of the benefit, namely ASCIIMathML.   I think its quite a nice format, something that covers most of the things a highschool Maths student will encounter, with a reasonably predictable and short syntax.

I’m experimenting with the best way for GridMath UI to enter math expressions, so it may be that you don’t normally see the text representation, but it may be exposed when you need to edit.  I’ll use MathJax to render this, so it may be that you can edit and enter LaTex directly if you are a power user and know it well.


In my googling, I happened upon this video ahowing how to do long-multiplication of polynomials..  and thought I’d try the same problem using the Grid or Box method :



For some students it might bridge the gap and give them a helpful intermediate step so they see it as the same kind of thing as multiplying integers.  I would also try out the box approach to introduce multiplying mixed numbers with fraction parts, and numbers with decimals, and so on – as it relates back to the earlier understanding of multiplication as area of a rectangle.

So is in open beta, now works reasonably well on iPad and recent desktop browsers.  Android browser support coming sometime soon.

Heres a pic my 9yo created while testing things out on the iPad.. with the obligatory battle scene [ dad vs browser quirks ? ] :


Here’s a couple of sheets on how I like to present long multiplication…

Firstly a concrete rectangle where you can actually count the squares to satisfy yourself its right…


Then move to a more compact form, which still shows the rectangle grid, but not to scale..


This shows that lots of digits should not induce panic.. the same systematic approach works [ which is why computers can do multiplication so well ].

I think having the box grid is a nice way to remember where all the pieces come from [ single digit products ].  Also I think it really helps to use the blank grid spaces, rather than fill in every 0.

The lattice method is slightly more compact, but I think this box approach reminds students of whats really going on.

Thanks for all the emails and encouragement so far as I build this.

Enjoy, and let me know how your using GridMaths.

Just wanted to share a small ‘teaser’ from a project I’m really excited about,

I’ve just finished adding support for the buttons keyboard which lets you make cool counting lessons for younger kids, so here’s a screenshot teaser to enjoy before we go live with the beta site in a few days :


If you haven’t guessed already from the above pic, the idea of is to have an interactive quad grid paper environment in your browser or tablet, where you can work out math problems like long division, multiplication and so on.

My 9yo son has been doing lots of KhanAcademy exercises, working his way up to multiplying decimals..[ which Im pretty chuffed with ].   You really need grid paper to do those as you have lots of adding up in columns.. so anyway we spent ages getting quad ruled grid paper in Bangkok, as this is less common, or at least not easily found in the otherwise excellent stationary shops in the main shopping malls.

Some of these problems take a fair bit of working, so its easy to make typo mistakes .. it seemed to me if you could type in a grid that would really help.  When I thought about how much time Id spent hunting down stationary and that Id spent about $50 in the last year on grid paper… something kind of clicked and I decided to make a prototype and see if it would help.  thus was born GridMaths.

Heres a worked example, of a  ‘long multiplication with decimals’  problem done on a GridMaths sheet :


Counting with coffee Beans on grid paper

When I started teaching my son maths we did a lot of counting coffee beans.  We would arrange 12 beans in groups of 3 and groups of 4… The idea was to start building up intuition and then segway into multiplication.

Don’t ask me why coffee beans.. I must be a bad parent!  The beans just happened to be handy, being dark they were easily visible when put on 5mm math grid paper and fit nicely in the squares.  You can use small buttons or raisins even.  Its pretty tactile, so works okay for young kids [ as long as they are old enough not to swallow small things ]

Abstracting to Multiplication

Later we drew the ‘beans’ in the squares and then just drawing a circle in the box instead of placing a bean.  This gradually led to  tracing out the rectangle outlines of the groups and let the squares on paper take the place of actual beans.. so it abstracts really well in a fairly natural and unforced way.

There are some nice ‘tricks’ you can do on squared paper that grow out of this approach –

  • every rectangle is a multiplication product, so you can use it to figure out any times table question
  • you can work out all the times-tables and write them in the top right square before reciting them
  • introduce distributive property (a+b)*c = a*c + b*c by showing the rectangles add up
  • ask.. are there any numbers that cant be made by a rectangle product? [ numbers]
  • show square numbers – 1,4,9,16 …
  • you can show how to add 2n+1 to n squared to get the next square number
  • you can introduce series – 1+3+5+7+ … and show how they sum to make the square numbers
  • make a stepped-triangle 1+2+3+4+5+6 and show how two of these can be put together to make a rectangle, which leads to sum 1 to n = n(n+1)/2

So this approach leads very naturally into some really nice mathematics.  Along the way it reinforces the rote learning of times tables (auditory repetition) with visual intuition.

The web app – introducing Doctor X

I thought there was probably an App or web page to do this kind of thing interactively.  I googled around and found lots of times table grids, math systems but nothing that seemed to take the grid-paper-rectangles-and-counting-beans approach into an interactive medium.

I made notes on what the app might look like, and then spent some time making a quick prototype in Javascript.  I found It needed a way to step through some basic usage notes and examples, so I added a howto box.  Then we came up with a silly name for this thing.

Anyway, here is the current version of the visual grid calculator for kids, which I’m calling :

“The Doctor X Amazing Griddable Multiplication Contraption”

The Doctor X Amazing Griddable Multiplication Contraption

When I get time Ill make some more in-depth tutorials and worksheets on some of the concepts I mentioned above.   Let me know what you’d like to see,