{{ message }}

Instantly share code, notes, and snippets.

# pkra/deep_labels.html

Last active Mar 30, 2017
Deep Labels, cf. codepen.io/pkra/pen/xRBZjq
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
 CodePen - Deep labels
Choose MathJax renderer

Real world content

The examples below are not optimized in terms of the MathML itself (i.e., improving the structure and markup such as inserting mrows or invisible operators). The goal was take regular, in-the-wild samples and improve them with ARIA markup. (Note that one change that was made is the insertion of hacks for screenreader hints. You can compare with the original source.)

Some test runs are available as a YouTube playlist

Older versions are available via GitHub's gist

1. x ˙ = σ ( y x ) y ˙ = ρ x y x z z ˙ = β z + x y
2. P ( E ) = ( n k ) p k ( 1 p ) n k
3. ( k = 1 n a k b k ) 2 M ( k = 1 n a k 2 ) ( k = 1 n b k 2 )
4. 1 ( ϕ 5 ϕ ) e M 2 5 π = 1 + M e M 2 π M 1 + M e M 4 π M 1 + M e M 6 π M 1 + e M 8 π M 1 +
5. M 1 + q 2 M ( 1 q ) + q 6 M ( 1 q ) ( 1 q 2 ) + = j = 0 M 1 M ( 1 q M 5 j + 2 ) ( 1 q 5 j + 3 ) , for  | q | < 1 .
6. Finally, while display equations look good for a page of samples, the ability to mix math and text in a paragraph is also important. This expression 3 x 1 + ( 1 + x ) 2 is an example of an inline equation. As you see, MathJax equations can be used this way as well, without unduly disturbing the spacing between lines.

7. V 1 × V 2 = | i j k X u Y u 0 X v Y v 0 |
8. × B 1 c E t = 4 π c j E = 4 π ρ × E + 1 c B t = 0 B = 0

Original Source