Skip to content
LAM
Read Home Blog
Make Projects HTML Tools Games
Touch grass Notes Resume Links
Home Blog HTML Projects
Tools Games Notes Resume Links
Back Math Symbols Glossary - 8-Bit Edition Math
Download Open
Show description 2,394 chars · Math

Math Symbols Glossary - 8-Bit Edition

Math Symbols Glossary - 8-Bit Edition

















MATH SYMBOLS: DECODED

Your 8-Bit Glossary for Computer Science Mathematics






Calculus



$\lim_{x \to a}$

Limit

Describes the value that a function approaches as the input approaches some value 'a'.




$\frac{df}{dx}$ or $f'(x)$

Derivative

Represents the instantaneous rate of change of a function, or the slope of the tangent line.




$\int_{a}^{b} f(x) \,dx$

Definite Integral

Calculates the net area under the curve of a function $f(x)$ from $x=a$ to $x=b$.




$\sum_{i=1}^{n}$

Summation (Sigma)

Represents the sum of a sequence of terms, from index $i=1$ to $n$.




$\varepsilon, \delta$

Epsilon, Delta

Used in the formal definition of limits to represent arbitrarily small positive numbers.




$\infty$

Infinity

A concept representing a quantity without bound or end.










Multivariable Calculus



$\frac{\partial f}{\partial x}$

Partial Derivative

The derivative of a multivariable function with respect to one variable, holding others constant.




$\nabla f$

Gradient (Nabla)

A vector of all partial derivatives of a function. It points in the direction of the steepest ascent.




$\iint_R f(x,y) \,dA$

Double Integral

Calculates the volume under the surface $z=f(x,y)$ over a region R in the xy-plane.




$\oint_C$

Line Integral over a Closed Path

An integral evaluated along a closed curve or path, often used in vector calculus theorems.




$\nabla \cdot \mathbf{F}$ (div)

Divergence

Measures the magnitude of a vector field's source or sink at a given point.




$\nabla \times \mathbf{F}$ (curl)

Curl

Measures the rotation or circulation of a vector field at a given point.










Differential Equations



$y', y''$

First & Second Derivatives

Represent the first and second derivatives of a function y with respect to its variable (e.g., x or t).




$\mu(x)$

Mu / Integrating Factor

A special function used to solve linear first-order differential equations by making them integrable.




$\mathcal{L}\{f(t)\}$

Laplace Transform

Transforms a function of time $f(t)$ into a function of complex frequency $F(s)$. Used to simplify solving ODEs.










Linear Algebra



$A^T, A^{-1}$

Transpose, Inverse

Transpose ($A^T$) swaps rows and columns.…

Math Symbols Glossary - 8-Bit Edition

21,047 bytes · HTML source
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Math Symbols Glossary - 8-Bit Edition</title>
    
    <!-- KaTeX for rendering math -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css" xintegrity="sha384-n8MVd4RsNIU0KOVEMcApdbeLaiTGGmbOE8EVLCVBxqPQ7aKMxHQjss5nF1OFxHtG" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js" xintegrity="sha384-XjKyOOlGwcjNTAIQHIpgOno0Hl1YQqzUOEleOLALmuqehneUG+vnGctmUb0ZY0l8" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js" xintegrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous"></script>

    <!-- Google Fonts for 8-bit feel -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap" rel="stylesheet">

    <style>
        :root {
            --background-color: #0d0221;
            --primary-text: #00f0ff; /* Bright Cyan */
            --secondary-text: #ffffff;
            --header-text: #ff00ff; /* Magenta */
            --accent-color: #faff00; /* Bright Yellow */
            --border-color: #00f0ff;
            --card-bg: #261447;
            --card-header-bg: #ff00ff;
            --card-header-text: #0d0221;
            --glow-color: rgba(0, 240, 255, 0.5);
            --magenta-glow: rgba(255, 0, 255, 0.5);
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            background-color: var(--background-color);
            color: var(--secondary-text);
            font-family: 'VT323', monospace;
            font-size: 20px;
            line-height: 1.7;
            text-shadow: 0 0 5px var(--glow-color);
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 2rem;
        }

        .header {
            text-align: center;
            margin-bottom: 3rem;
            border: 3px solid var(--header-text);
            padding: 2rem;
            box-shadow: 0 0 20px var(--magenta-glow), inset 0 0 20px var(--magenta-glow);
            background: #1a0a2e;
        }

        .header h1 {
            font-family: 'Press Start 2P', cursive;
            font-size: 2.5rem;
            color: var(--header-text);
            text-shadow: 0 0 10px var(--magenta-glow);
            margin-bottom: 1rem;
        }

        .header p {
            font-size: 1.2rem;
            color: var(--accent-color);
        }

        .section {
            margin-bottom: 3rem;
        }

        .section-title {
            font-family: 'Press Start 2P', cursive;
            font-size: 1.8rem;
            color: var(--accent-color);
            text-shadow: 0 0 8px rgba(250, 255, 0, 0.7);
            margin-bottom: 1.5rem;
            border-bottom: 3px solid var(--accent-color);
            padding-bottom: 0.5rem;
            display: inline-block;
        }

        .glossary-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 1.5rem;
        }

        .glossary-card {
            background-color: var(--card-bg);
            border: 2px solid var(--border-color);
            box-shadow: 0 0 15px var(--glow-color), inset 0 0 10px var(--glow-color);
            padding: 1.5rem;
            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        }
        
        .glossary-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 0 25px var(--glow-color), inset 0 0 15px var(--glow-color);
        }

        .symbol-container {
            font-size: 2rem;
            color: var(--accent-color);
            margin-bottom: 1rem;
            text-align: center;
            background: #11062e;
            padding: 1rem;
            border: 2px dashed var(--border-color);
        }

        .symbol-name {
            font-family: 'Press Start 2P', cursive;
            font-size: 1rem;
            color: var(--primary-text);
            margin-bottom: 0.5rem;
        }

        .symbol-description {
            font-size: 1.1rem;
            color: var(--secondary-text);
        }
        
        .katex-display {
            margin: 0.5em 0;
            font-size: 1.1em !important;
        }
        
        .katex {
             font-size: 1.1em !important;
        }
    </style>
</head>
<body>

    <div class="container">
        <header class="header">
            <h1>MATH SYMBOLS: DECODED</h1>
            <p>Your 8-Bit Glossary for Computer Science Mathematics</p>
        </header>

        <!-- Calculus Section -->
        <section id="calculus" class="section">
            <h2 class="section-title">Calculus</h2>
            <div class="glossary-grid">
                <div class="glossary-card">
                    <div class="symbol-container">$\lim_{x \to a}$</div>
                    <h3 class="symbol-name">Limit</h3>
                    <p class="symbol-description">Describes the value that a function approaches as the input approaches some value 'a'.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\frac{df}{dx}$ or $f'(x)$</div>
                    <h3 class="symbol-name">Derivative</h3>
                    <p class="symbol-description">Represents the instantaneous rate of change of a function, or the slope of the tangent line.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\int_{a}^{b} f(x) \,dx$</div>
                    <h3 class="symbol-name">Definite Integral</h3>
                    <p class="symbol-description">Calculates the net area under the curve of a function $f(x)$ from $x=a$ to $x=b$.</p>
                </div>
                 <div class="glossary-card">
                    <div class="symbol-container">$\sum_{i=1}^{n}$</div>
                    <h3 class="symbol-name">Summation (Sigma)</h3>
                    <p class="symbol-description">Represents the sum of a sequence of terms, from index $i=1$ to $n$.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\varepsilon, \delta$</div>
                    <h3 class="symbol-name">Epsilon, Delta</h3>
                    <p class="symbol-description">Used in the formal definition of limits to represent arbitrarily small positive numbers.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\infty$</div>
                    <h3 class="symbol-name">Infinity</h3>
                    <p class="symbol-description">A concept representing a quantity without bound or end.</p>
                </div>
            </div>
        </section>

        <!-- Multivariable Calculus Section -->
        <section id="multivariable-calculus" class="section">
            <h2 class="section-title">Multivariable Calculus</h2>
            <div class="glossary-grid">
                <div class="glossary-card">
                    <div class="symbol-container">$\frac{\partial f}{\partial x}$</div>
                    <h3 class="symbol-name">Partial Derivative</h3>
                    <p class="symbol-description">The derivative of a multivariable function with respect to one variable, holding others constant.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\nabla f$</div>
                    <h3 class="symbol-name">Gradient (Nabla)</h3>
                    <p class="symbol-description">A vector of all partial derivatives of a function. It points in the direction of the steepest ascent.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\iint_R f(x,y) \,dA$</div>
                    <h3 class="symbol-name">Double Integral</h3>
                    <p class="symbol-description">Calculates the volume under the surface $z=f(x,y)$ over a region R in the xy-plane.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\oint_C$</div>
                    <h3 class="symbol-name">Line Integral over a Closed Path</h3>
                    <p class="symbol-description">An integral evaluated along a closed curve or path, often used in vector calculus theorems.</p>
                </div>
                 <div class="glossary-card">
                    <div class="symbol-container">$\nabla \cdot \mathbf{F}$ (div)</div>
                    <h3 class="symbol-name">Divergence</h3>
                    <p class="symbol-description">Measures the magnitude of a vector field's source or sink at a given point.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\nabla \times \mathbf{F}$ (curl)</div>
                    <h3 class="symbol-name">Curl</h3>
                    <p class="symbol-description">Measures the rotation or circulation of a vector field at a given point.</p>
                </div>
            </div>
        </section>

        <!-- Differential Equations Section -->
        <section id="diffeq" class="section">
            <h2 class="section-title">Differential Equations</h2>
            <div class="glossary-grid">
                <div class="glossary-card">
                    <div class="symbol-container">$y', y''$</div>
                    <h3 class="symbol-name">First & Second Derivatives</h3>
                    <p class="symbol-description">Represent the first and second derivatives of a function y with respect to its variable (e.g., x or t).</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\mu(x)$</div>
                    <h3 class="symbol-name">Mu / Integrating Factor</h3>
                    <p class="symbol-description">A special function used to solve linear first-order differential equations by making them integrable.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\mathcal{L}\{f(t)\}$</div>
                    <h3 class="symbol-name">Laplace Transform</h3>
                    <p class="symbol-description">Transforms a function of time $f(t)$ into a function of complex frequency $F(s)$. Used to simplify solving ODEs.</p>
                </div>
            </div>
        </section>

        <!-- Linear Algebra Section -->
        <section id="linear-algebra" class="section">
            <h2 class="section-title">Linear Algebra</h2>
            <div class="glossary-grid">
                <div class="glossary-card">
                    <div class="symbol-container">$A^T, A^{-1}$</div>
                    <h3 class="symbol-name">Transpose, Inverse</h3>
                    <p class="symbol-description">Transpose ($A^T$) swaps rows and columns. Inverse ($A^{-1}$) is a matrix that, when multiplied by A, yields the identity matrix.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\det(A)$</div>
                    <h3 class="symbol-name">Determinant</h3>
                    <p class="symbol-description">A scalar value that provides information about a square matrix, such as whether it's invertible.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\mathbf{v}$</div>
                    <h3 class="symbol-name">Vector</h3>
                    <p class="symbol-description">An object with both magnitude and direction, often represented as an array of numbers.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\lambda, \mathbf{v}$ in $A\mathbf{v} = \lambda\mathbf{v}$</div>
                    <h3 class="symbol-name">Eigenvalue & Eigenvector</h3>
                    <p class="symbol-description">An eigenvector $\mathbf{v}$ of a matrix A is a vector that is only scaled by a factor $\lambda$ (the eigenvalue) when A is applied to it.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\langle \mathbf{u}, \mathbf{v} \rangle$</div>
                    <h3 class="symbol-name">Inner Product (Dot Product)</h3>
                    <p class="symbol-description">A way to multiply two vectors to get a scalar, related to the projection of one vector onto another.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\|\mathbf{v}\|$</div>
                    <h3 class="symbol-name">Norm (Magnitude)</h3>
                    <p class="symbol-description">The length or size of a vector, calculated as the square root of the inner product of the vector with itself.</p>
                </div>
            </div>
        </section>
        
        <!-- Discrete Math Section -->
        <section id="discrete-math" class="section">
            <h2 class="section-title">Discrete Math</h2>
            <div class="glossary-grid">
                <div class="glossary-card">
                    <div class="symbol-container">$\neg, \land, \lor, \rightarrow, \leftrightarrow$</div>
                    <h3 class="symbol-name">Logical Operators</h3>
                    <p class="symbol-description">NOT, AND, OR, IMPLIES, and IF AND ONLY IF (IFF). Used to build logical statements.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\forall, \exists$</div>
                    <h3 class="symbol-name">Quantifiers</h3>
                    <p class="symbol-description">"For All" ($\forall$) and "There Exists" ($\exists$). Used to specify the scope of a logical statement.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\in, \cup, \cap, \subseteq$</div>
                    <h3 class="symbol-name">Set Operators</h3>
                    <p class="symbol-description">"Is an element of", Union, Intersection, and "Is a subset of".</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\binom{n}{k}$</div>
                    <h3 class="symbol-name">Binomial Coefficient</h3>
                    <p class="symbol-description">"n choose k". Represents the number of ways to choose k items from a set of n items without regard to order.</p>
                </div>
            </div>
        </section>
        
        <!-- Probability & Statistics Section -->
        <section id="probability" class="section">
            <h2 class="section-title">Probability & Stats</h2>
            <div class="glossary-grid">
                <div class="glossary-card">
                    <div class="symbol-container">$P(A)$</div>
                    <h3 class="symbol-name">Probability of an Event</h3>
                    <p class="symbol-description">A number between 0 and 1 representing the likelihood that event A will occur.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$P(A|B)$</div>
                    <h3 class="symbol-name">Conditional Probability</h3>
                    <p class="symbol-description">The probability of event A occurring, given that event B has already occurred.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$E[X]$</div>
                    <h3 class="symbol-name">Expected Value</h3>
                    <p class="symbol-description">The long-run average value of a random variable X; its probability-weighted average.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\text{Var}(X)$</div>
                    <h3 class="symbol-name">Variance</h3>
                    <p class="symbol-description">Measures the spread or dispersion of a random variable around its expected value.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\mu, \sigma$</div>
                    <h3 class="symbol-name">Mu, Sigma</h3>
                    <p class="symbol-description">Typically represent the mean ($\mu$) and standard deviation ($\sigma$) of a population or probability distribution.</p>
                </div>
                 <div class="glossary-card">
                    <div class="symbol-container">$\bar{x}, s$</div>
                    <h3 class="symbol-name">Sample Mean & St. Dev.</h3>
                    <p class="symbol-description">Represent the mean ($\bar{x}$) and standard deviation ($s$) calculated from a sample of data.</p>
                </div>
            </div>
        </section>

         <!-- Number Theory & Crypto Section -->
        <section id="number-theory" class="section">
            <h2 class="section-title">Number Theory & Crypto</h2>
            <div class="glossary-grid">
                <div class="glossary-card">
                    <div class="symbol-container">$a \equiv b \pmod{n}$</div>
                    <h3 class="symbol-name">Congruence Modulo n</h3>
                    <p class="symbol-description">"a is congruent to b modulo n". Means a and b have the same remainder when divided by n.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\gcd(a, b)$</div>
                    <h3 class="symbol-name">Greatest Common Divisor</h3>
                    <p class="symbol-description">The largest positive integer that divides both a and b without leaving a remainder.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\varphi(n)$</div>
                    <h3 class="symbol-name">Euler's Totient Function</h3>
                    <p class="symbol-description">Counts the positive integers up to a given integer n that are relatively prime to n.</p>
                </div>
            </div>
        </section>

        <!-- Algorithm Analysis Section -->
        <section id="algorithms" class="section">
            <h2 class="section-title">Algorithm Analysis</h2>
            <div class="glossary-grid">
                <div class="glossary-card">
                    <div class="symbol-container">$O(g(n))$</div>
                    <h3 class="symbol-name">Big O Notation</h3>
                    <p class="symbol-description">Describes the upper bound on the time or space complexity of an algorithm as the input size n grows.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\Omega(g(n))$</div>
                    <h3 class="symbol-name">Big Omega Notation</h3>
                    <p class="symbol-description">Describes the lower bound on the complexity of an algorithm.</p>
                </div>
                <div class="glossary-card">
                    <div class="symbol-container">$\Theta(g(n))$</div>
                    <h3 class="symbol-name">Big Theta Notation</h3>
                    <p class="symbol-description">Describes a tight bound on the complexity, where the algorithm's growth is bounded both above and below.</p>
                </div>
            </div>
        </section>

    </div>

    <script>
        // This script now runs after the DOM is fully loaded, preventing the error.
        document.addEventListener("DOMContentLoaded", function() {
            renderMathInElement(document.body, {
                // customised delimiters
                delimiters: [
                    {left: '$$', right: '$$', display: true},
                    {left: '$', right: '$', display: false},
                    {left: '\\(', right: '\\)', display: false},
                    {left: '\\[', right: '\\]', display: true}
                ],
                throwOnError : false
            });
        });
    </script>
</body>
</html>