# NoteRich LaTeX Math Equations Guide: How to Write Formulas Writing mathematical formulas in digital notes has traditionally been a frustrating experience, often requiring complex workarounds or sacrificing visual fidelity. **NoteRich** changes this by providing a native, high-performance LaTeX equation editor designed for seamless integration into your workflow. Whether you are documenting complex algorithms, writing physics lectures, or simply organizing statistical data, this guide will show you how to master mathematical notation in NoteRich. --- ## The Dual-Mode Equation Editor At the heart of NoteRich's math capabilities is the intelligent Equation Editor. Unlike basic text editors, NoteRich understands the context of your formulas and provides a tailored editing experience. ### 1. Inline vs. Block Modes When you open the equation editor, you are presented with a simple but powerful toggle: **Inline**. * **Inline Mode (Default)**: Perfect for variables and short expressions that flow naturally within a sentence (e.g., $E = mc^2$ or $x_i$). The editor provides a streamlined single-line input field to keep your typing momentum going. * **Block (Display) Mode**: Uncheck the "Inline" box to switch to Block mode. This is ideal for complex derivations, theorems, or multi-line equations that deserve their own centered space. The editor automatically expands into a multi-line text area, giving you room to breathe. ### 2. Real-Time Visualization You never have to guess how your LaTeX code will look. The editor features a dedicated **Visualization** panel at the bottom of the dialog. As you type your raw LaTeX syntax, NoteRich's rendering engine instantly compiles and displays the beautifully typeset mathematical formula below. ```mermaid graph LR A[Open Equation Editor] --> B{Select Mode} B -- Inline --> C[Single-line Input] B -- Block --> D[Multi-line Text Area] C --> E[Type LaTeX Syntax] D --> E E --> F[Real-Time Visualization] F --> G[Confirm & Insert] style A fill:#fafafa,stroke:#eaeaea,color:#333 style F fill:#000,stroke:#000,color:#fff style G fill:#000,stroke:#000,color:#fff ``` --- ## Essential LaTeX Syntax Cheat Sheet NoteRich supports a comprehensive subset of LaTeX math syntax. Here are the building blocks you need to get started. ### Basic Operations & Greek Letters ```latex # Arithmetic and Algebra $a + b$, $\frac{x}{y}$, $\sqrt{x^2 + y^2}$, $x_i^{n}$ # Greek Letters (Lowercase & Uppercase) $\alpha, \beta, \gamma, \theta, \lambda, \omega$ $\Gamma, \Delta, \Theta, \Lambda, \Omega$ ``` ### Calculus & Limits ```latex # Derivatives and Integrals $\frac{dy}{dx}$, $\frac{\partial f}{\partial x}$, $\nabla \cdot \mathbf{F}$ $\int_{a}^{b} f(x) \, dx$, $\iint_{D} f(x,y) \, dA$ # Limits and Sums $\lim_{x \to \infty} \left(1 + \frac{1}{x}\right)^x = e$ $\sum_{i=1}^{n} i = \frac{n(n+1)}{2}$, $\prod_{k=1}^{n} x_k$ ``` ### Matrices & Linear Algebra ```latex # Matrices \begin{pmatrix} a & b \\ c & d \end{pmatrix} # Determinants and Vectors \begin{vmatrix} 1 & 2 \\ 3 & 4 \end{vmatrix} = -2 \mathbf{v} = \begin{bmatrix} v_1 \\ v_2 \\ v_3 \end{bmatrix} ``` ### Advanced Alignment For multi-line derivations, use the `align` environment to perfectly align your equations at the equals sign: ```latex \begin{align} (x+y)^2 &= (x+y)(x+y) \\ &= x^2 + xy + yx + y^2 \\ &= x^2 + 2xy + y^2 \end{align} ``` --- ## Markdown Integration: The `$` Shortcut NoteRich seamlessly bridges Rich Text and Markdown. If you prefer typing in Markdown mode, you don't need to open the visual editor dialog for every formula. You can use standard LaTeX delimiters: * **Inline Math**: Wrap your formula in single dollar signs. * *Type*: `The quadratic formula is $x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$.` * *Result*: The quadratic formula is $x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$. * **Block Math**: Wrap your formula in double dollar signs on a new line. * *Type*: ```markdown $$ \int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi} $$ ``` NoteRich's intelligent parser automatically detects these blocks, preserves your formatting, and renders them beautifully without breaking your Markdown flow. --- ## Typography Control & Pro Export Features Once your equation is placed in the document, NoteRich provides a **Floating Toolbar** when you select it, giving you granular control over its presentation. ### 1. Dynamic Font Sizing Block equations often need to stand out from the surrounding text. Simply select a block equation and use the **+** and **-** buttons on the floating toolbar to scale the formula up or down. NoteRich intelligently adjusts the SVG rendering to maintain crisp, anti-aliased edges at any size. ### 2. Copy & Export (Pro Feature) Need to use your formula in a presentation or a paper? * **Copy Code**: Instantly copy the raw LaTeX source to your clipboard. * **Download SVG (Pro)**: Export your equation as a high-resolution, transparent SVG file. This is perfect for importing into PowerPoint, Keynote, or design tools like Figma, ensuring your math looks sharp on any display or in print. --- ## Visualizing Mathematical Concepts NoteRich isn't just about static formulas; it's about visualizing data and functions. You can combine your LaTeX equations with NoteRich's interactive charting capabilities to create comprehensive mathematical documents. For example, you can document a probability density function and immediately visualize it using an interactive chart: **The Gaussian Distribution:** $$ f(x) = \frac{1}{\sigma\sqrt{2\pi}} \exp\left( -\frac{1}{2}\left(\frac{x-\mu}{\sigma}\right)^2 \right) $$ **Interactive Visualization:** ```echarts { "title": { "text": "Gaussian Distribution (Normal Curve)", "left": "center", "textStyle": { "color": "#333", "fontSize": 14, "fontFamily": "Inter" } }, "tooltip": { "trigger": "axis", "formatter": "x: {b}<br/>f(x): {c}" }, "xAxis": { "type": "category", "data": (function() { let d = []; for(let i = -40; i <= 40; i++) d.push((i/10).toFixed(1)); return d; })(), "name": "x", "axisLabel": { "color": "#666" } }, "yAxis": { "type": "value", "name": "f(x)", "splitLine": { "lineStyle": { "color": "#f4f4f5" } }, "axisLabel": { "color": "#666" } }, "series": [ { "data": (function() { let d = []; const mu = 0, sigma = 1; for(let i = -40; i <= 40; i++) { const x = i / 10; const y = (1 / (sigma * Math.sqrt(2 * Math.PI))) * Math.exp(-0.5 * Math.pow((x - mu) / sigma, 2)); d.push(y.toFixed(4)); } return d; })(), "type": "line", "smooth": true, "showSymbol": false, "lineStyle": { "color": "#000", "width": 3 }, "areaStyle": { "color": { "type": "linear", "x": 0, "y": 0, "x2": 0, "y2": 1, "colorStops": [ { "offset": 0, "color": "rgba(0,0,0,0.15)" }, { "offset": 1, "color": "rgba(0,0,0,0.01)" } ] } } } ], "grid": { "left": "10%", "right": "10%", "bottom": "15%" } } ``` --- ## Best Practices for Math Note-Taking 1. **Use Block Mode for Key Takeaways**: If a formula is the core conclusion of a paragraph, switch to Block mode and increase its font size using the floating toolbar to make it pop. 2. **Leverage `\text{}` for Clarity**: When mixing math and words inside an equation, always wrap the words in `\text{}`. * *Bad*: $x = 5 if y > 0$ (Variables $i, f, y$ will be italicized incorrectly). * *Good*: $x = 5 \text{ if } y > 0$. 3. **Group with Braces**: Always use `{}` for multi-character exponents or subscripts. `$x^10$` renders as $x^10$, but `$x^{10}$$` correctly renders as $x^{10}$. 4. **Keep it Modular**: For massive derivations, break them down into multiple aligned equations rather than one giant, unreadable block. ## Conclusion Mathematical notation is a fundamental pillar of human knowledge. By integrating a robust, dual-mode LaTeX editor with real-time visualization, typography controls, and seamless Markdown support, **NoteRich** removes the friction from technical writing. Whether you are a student, researcher, or engineer, NoteRich empowers you to focus on the logic and beauty of your equations, rather than fighting with your tools. --- <div class="flex flex-wrap gap-2 mt-8 mb-12"> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">LaTeX</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">Math Equations</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">Productivity</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">PKM</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">Markdown</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">Data Visualization</span> </div>