[an error occurred while processing this directive]

[an error occurred while processing this directive]

Vector Graphics and Math Expressions inside XHTML

A test of how well browsers handle the new XHTML + MathML + SVG profile, which is needed to provide a better representation of technical information on Web pages.

Peter K. Sheerin

October 29^th, 2002

SVG

The image below should be three overlapping circles, one red, one green, and one blue, and they should turn translucent when the mouse passes over them.

MathML

This sentence should have a mathematical expression right here—$y=\frac{1}{\sqrt{x^2+1}}$— and it should look like this screen capture of the expression: .

This expression should show a large matrix calculation:

$$det\left|\begin{array}{ccccc}\hfill c_0\hfill & \hfill c_1\hfill & \hfill c_2\hfill & \hfill \dots \hfill & \hfill c_n\hfill \\ \hfill c_1\hfill & \hfill c_2\hfill & \hfill c_3\hfill & \hfill \dots \hfill & \hfill c_{n+1}\hfill \\ \hfill c_2\hfill & \hfill c_3\hfill & \hfill c_4\hfill & \hfill \dots \hfill & \hfill c_{n+2}\hfill \\ \hfill ⋮\hfill & \hfill ⋮\hfill & \hfill ⋮\hfill & \hfill \hfill & \hfill ⋮\hfill \\ \hfill c_n\hfill & \hfill c_{n+1}\hfill & \hfill c_{n+2}\hfill & \hfill \dots \hfill & \hfill c_{2n}\hfill \end{array}\right|>0$$

---

[an error occurred while processing this directive]

This page was last modified on Tuesday, 25-Aug-2009 16:28:08 PDT.