Please see the following link Markdown Basic Syntax on common markdown elements and how to create them.
Additionally, see the raw code of this document for the raw text file that generates the following examples, expanding upon the above link with Github Flavored Markdown and Math equation support via Katex, specifically the guide on Katex's Supported Functions.
Github Flavored Markdown
Autolink literals
www.example.com, https://example.com, and contact@example.com.
Footnote
A note1
Strikethrough
one or two tildes.
Table
| a | b | c | d |
|---|
Tasklist
- to do
- done
Math and Equations
This uses Katex syntax
Friis Transmission Equation, for example, where the following markdown code is used to generate
P_r = P_t + G_t + G_r + 20 * \log_{10} \left( \frac{\lambda}{4 \pi d} \right)
Use triple backticks and the "math" string to indicate language after the top set of three backticks
where:
- = received power (dBm)
- = transmitted power (dBm)
- = gain of transmitting antenna (dBi)
- = gain of receiving antenna (dBi)
- = wavelength of signal (m)
- = distance between antennas (m)
\starts a Katex primitive, with{}being inputs/arguments into that primitive, where `f
Extended equation examples
The sections below consolidate the former standalone equation fixture into this primary MDX authoring reference so math authoring lives in one place.
This RFD serves as a rendering stress-test and reference page for KaTeX-backed LaTeX equations in the MDX pipeline. It includes high-signal examples across mechanics, electromagnetism, waves, thermodynamics, quantum mechanics, and relativity.
Kinematics and Rotation
For constant acceleration motion, the displacement equation is
and the velocity is
The average speed over a displacement is
For circular motion:
Angular relations use radians:
Newtonian Dynamics
Newton’s second law:
Work and kinetic energy:
Instantaneous power is
Momentum conservation for a closed system:
Rotational analogs:
Classical Gravity
Newton’s law of gravitation:
Potential energy near Earth’s surface:
Keplerian orbital relation:
Escape velocity:
Electromagnetism
Gauss’s law in integral form:
Faraday’s law of induction:
Ampère–Maxwell law:
Lorentz force on a charge:
Electromagnetic wave energy density:
Wave Optics and Radiation
Phase velocity and index of refraction:
Double-slit constructive interference:
Single-slit diffraction minima:
Thin-lens equation:
Gaussian beam waist scaling:
Thermodynamics and Statistical Physics
Ideal gas law:
First law:
Isentropic ideal-gas relation:
Boltzmann relation:
Stefan–Boltzmann radiant flux:
Quantum and Atomic Physics
Einstein’s mass-energy relation:
Planck relation:
de Broglie relation:
Photoelectric threshold:
Schrödinger equation:
Wave-packet spread:
Compton shift:
Relativity
Minkowski metric line element:
Lorentz factor:
Time dilation:
Length contraction:
Energy–momentum relation:
Useful Identities
Euler’s identity:
Binomial theorem snippet:
Fourier-style transform (generic form):
Additional Checks
Inline formulas for rapid validation:
- , , are useful typography checks.
Rendered-Equation Checklist
Use these cases to quickly verify the full KaTeX render stack:
-
Inline vector and operator notation
-
Block fractions, roots, and absolute values
-
Alignment and brace-heavy display math
-
Matrices and bold symbols
-
Piecewise functions and limiting cases
-
Summation and products with limits
Mermaid diagrams
The sections below consolidate the former standalone Mermaid fixture into this primary MDX authoring reference so diagram authoring also lives here.
This RFD is a rendering fixture and authoring reference for Mermaid diagrams inside MDX content.
Usage
Use the Mermaid MDX component and pass the diagram definition through the chart prop. Add an optional size prop when you want a wider rendered panel for denser diagrams.
<Mermaid
title="Document review workflow"
chart={`flowchart TD
Draft[Draft] --> Review{Review ok?}
Review -->|Yes| Publish[Publish]
Review -->|No| Revise[Revise]
Revise --> Review`}
/>
Document review workflow
Authoring notes
- Keep diagrams focused on one state machine, flow, or architecture slice.
- Prefer a short
titleso the wrapper header reads well in the document body. - Use
size="wide"orsize="full"when a denser diagram needs more horizontal room; the panel will widen and scroll instead of shrinking the content too aggressively. - Mermaid diagrams are precompiled to static SVG during the dev/build pipeline, so deployed pages only render the generated SVG output.
Bytefield diagrams
This same RFD also serves as a rendering fixture and authoring reference for byte field diagrams inside MDX content.
Usage
Use the Bytefield MDX component and pass the diagram definition through the spec prop. Add an optional size prop when you want a wider rendered panel for bit- or field-dense layouts.
<Bytefield
title="CCSDS space packet primary header"
size="wide"
spec={`(def boxes-per-row 16)
(draw-column-headers)
(draw-box "Version" {:span 3})
(draw-box "T" {:span 1})
(draw-box "SH" {:span 1})
(draw-box "APID" {:span 11})`}
/>
CCSDS space packet primary header
Field legend: T = packet type, SH = secondary header flag, APID = application process identifier.
Bytefield authoring notes
- Keep field names concise so multi-row layouts stay legible.
- Use
size="wide"orsize="full"for 32-bit and denser protocol headers that should preserve readable labels. - Prefer byte- and bit-aligned spans in the diagram source so the output stays structurally obvious to readers.
- Bytefield diagrams are precompiled to static SVG during the dev/build pipeline, so deployed pages only render the generated SVG output.
Footnotes
-
Big note. ↩