Menu
Coding a Matrice in MathML

In MathML, coding a matrice is very similar to coding a table in HTML. So if understand HTML table code, MathML matrices will be easy for you. Unfortunately most people don't understand HTML table code. So lets go about it step-by-step.

A MathML matrice consists of a grid of boxes, each box created by a <mtd></mtd> element. The "td" stands for "table data". So within each mtd box is a single matrice number, variable, or expression element. The mtd boxes are inturn arranged in rows by nesting them inside <mtr></mtr> elements. The "tr" stands for "table row".

1
<math>
<mtable>
<mtr><mtd><mn>1</mn></mtd></mtr>
</mtable>
</math>

Shown above is the code for a minimal matrice, consisting of one row containing one matrice data element.

10 01
<math>
<mtable>
<mtr>
  <mtd><mn>1</mn></mtd><mtd><mn>0</mn></mtd>
</mtr>
<mtr>
  <mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd>
</mtr>
</mtable>
</math>

Shown above is the code for a 2x2 matrice, consisting of 2 rows, each containing 2 matrice data elements.

[ 10 01 ]
<math>
<mo>[</mo>
<mtable>
<mtr>
  <mtd><mn>1</mn></mtd><mtd><mn>0</mn></mtd>
</mtr>
<mtr>
  <mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd>
</mtr>
</mtable>
<mo>]</mo>
</math>

By default an mtable element has no borders. So you'll need to next the mtable element within an <mo> element to display the desired brackets as shown above.


Learn more at amazon.com

More Graphics Design Tips:
• Inkscape Grouping
• Inkscpe Snap Controls Bar
• Inkscape Circles, Ellipses, and Arcs Drawing Tutorial
• SVG Basic Shapes Tutorials
• SVG Code to Translate a Rectangle and Text
• Inkscape Exercise: Draw Photorealistic Sphere
• Drawing Text with Draw SVG
• The Game Maker's Apprentice
• Introduction to X3D (Extensible 3D)
• HTML5 Canvas