Math Notation on the Web

Explore which notation from Indonesian SMA/MA and SMK mathematics can be displayed with KaTeX or similar renderers, and which operations need calculation, graphing, or geometry tools.

Source code

How notation becomes a math page

LaTeX-style notation describes how an expression should look. KaTeX and MathJax typeset that expression. A React app can combine the renderer with calculation and visualization code to make the expression interactive.

Display an operation

KaTeX can show $2+3$ . The addition sign is supported notation; displaying it does not evaluate the sum.

2+3

Perform an operation

Calculation code finds the answer. The page then supplies the result to KaTeX for display. The same division of work applies to solving equations, differentiating, and multiplying matrices.

2+3=5

Chapter coverage

These chapters include common and advanced high-school topics; course coverage varies by programme. Each example below uses notation supported by this site's KaTeX renderer. Similar renderers such as MathJax support these standard forms, with command support depending on their configuration. “Yes” means the notation can be displayed. Calculation and solving require additional logic in every row.

High-school chapters, supported math notation, calculation limits, and additional tools
Chapter	Display notation?	Calculate or solve?	What needs another tool?
Numbers, sets, and intervals	Yes $x\in\mathbb{R},\quad -2\le x<4$	No	Number lines and Venn diagrams need drawing components.
Exponents, roots, and logarithms	Yes $\sqrt[3]{8}=2,\quad \log_2 8=3$	No	Evaluating expressions and plotting growth need calculation or graphing logic.
Equations and inequalities	Yes $\|2x-1\|\le3$	No	Finding solutions and shading solution regions need a solver or graph.
Linear systems	Yes $\begin{cases}x+y=3\\2x-y=0\end{cases}$	No	Elimination, substitution, and intersecting-line or plane plots need separate logic.
Quadratic equations and functions	Yes $x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$	No	Finding roots and drawing a parabola need calculation and graphing.
Functions, composition, and inverses	Yes $(f\circ g)(x)=f(g(x))$	No	Evaluating functions, finding inverses, and plotting curves need separate logic.
Sequences and series	Yes $U_n=a+(n-1)d,\quad S_n=\sum_{k=1}^{n}U_k$	No	Generating terms, summing values, or calculating financial growth needs calculation.
Polynomials	Yes $P(x)=(x-a)Q(x)+r$	No	Factoring, polynomial division, and finding roots need algebraic logic.
Matrices	Yes $A=\begin{pmatrix}1&2\\3&4\end{pmatrix}$	No	Multiplication, determinants, and inverse matrices need calculation.
Vectors	Yes $\vec{u}\cdot\vec{v}=\|\vec{u}\|\,\|\vec{v}\|\cos\theta$	No	Calculating components and drawing vector arrows need calculation and visualization.
Trigonometry	Yes $\sin^2\theta+\cos^2\theta=1$	No	Evaluating ratios, plotting waves, and animating the unit circle need other tools.
Plane geometry and circles	Yes $A=\pi r^2,\quad s=\frac{\alpha}{360^\circ}2\pi r$	No	Figures, constructions, arcs, sectors, and measurements need a diagram and calculation.
Spatial geometry	Yes $V=\frac13\pi r^2h$	No	Solids, cross-sections, and spatial rotation need a drawing or a 3D visualization.
Geometric transformations	Yes $T(x,y)=(x+a,y+b)$	No	Applying a transformation to points and animating it need calculation and drawing.
Counting and probability	Yes $\binom{n}{r}=\frac{n!}{r!(n-r)!}$	No	Counting outcomes, evaluating probabilities, and drawing probability trees need other logic.
Statistics	Yes $\bar{x}=\frac{\sum_{i=1}^{n}x_i}{n}$	No	Computing summaries, fitting models, and drawing histograms or scatter plots need data tools.
Limits	Yes $\lim_{x\to0}\frac{\sin x}{x}=1$	No	The trigonometric example uses radians. Finding limits or illustrating approaching values needs reasoning or calculation.
Derivatives	Yes $\frac{d}{dx}x^2=2x$	No	Differentiation, optimization, and tangent plots need algebraic or graphing logic.
Integrals	Yes $\int_0^1x\,dx=\frac12$	No	Integration, numerical approximation, and shaded-area diagrams need other tools.

Capabilities shared across chapters

Some requirements belong to many chapters. Use this table when you need a graph, an input field, worked steps, answer checking, or a complete document rather than a single formula.

Math capabilities shared across chapters and the tools required to implement them
Concept or capability	What can be displayed?	Can the renderer perform the task?	Additional support
Arithmetic and symbolic operations	Yes: operation symbols and supplied results.	No automatic evaluation, simplification, factoring, or solving.	Calculation code or a computer algebra system.
Worked steps and proofs	Yes: aligned equations, annotations, and written steps.	No automatic generation or validation of reasoning.	Authored explanations; checking logic suited to the task.
Graphs, diagrams, and charts	Yes for mathematical labels and equations.	A formula does not automatically produce its graph or construction.	SVG, canvas, a plotting component, or a geometry tool.
Tables and data	Yes for formulas inside cells and matrix-style layouts.	No data analysis or spreadsheet operations.	An HTML or React table plus data-processing code.
Interactive controls and animation	Yes: an app can render an updated expression.	No sliders, drag gestures, or animation from TeX alone.	React state, controls, and drawing or animation logic.
Math input and answer checking	Yes: a submitted expression can be typeset.	No built-in math keyboard or mathematical-equivalence check.	A math editor, expression parser, and answer-checking logic.
Custom commands and special packages	Depends on the renderer, configured macros, and extensions.	A React wrapper does not add support for every LaTeX package.	Check command support; rewrite the input or configure a supported extension.
Complete LaTeX documents	Math fragments work; a whole document is outside the math renderer's input.	No document compilation, page layout, bibliography, or arbitrary package loading.	A full LaTeX engine with the required packages; embed its output in the page.

When a TeX command is unsupported

Support is determined by the exact command, environment, and renderer configuration. KaTeX implements a documented set of TeX math commands. MathJax has its own commands and optional extensions. Full LaTeX document compilation uses a separate engine and its installed packages.

A formula can use familiar school mathematics and still contain a command unavailable in the chosen renderer. Check the command, rewrite it using supported notation, or use a renderer with the required extension.

This site's KaTeX setup displays unsupported input with an error treatment. That indicates a rendering problem; successful rendering also does not establish that an equation or proof is mathematically correct. A React wrapper follows the capabilities of the renderer it uses.

Try the notation and check support

Experiment in the live TeX playground. Check exact syntax in KaTeX supported functions and its support table. Compare other renderer options in the MathJax TeX documentation.