Skip to main content
SimilarExport ZIP
100%

Hello MathJax

✓ Published0🌍 Public
CCurran Kelleher
Last edited Sep 17, 2019
Created on Sep 17, 2019
Forked from HTML Starter

This example demonstrates how to render mathematical equations in a web page using MathJax. It displays the quadratic formula, \(x = {-b \pm \sqrt{b^2-4ac} \over 2a}\), in large type. The page loads MathJax from a CDN and processes the LaTeX input written between double dollar signs. The rendering happens automatically when the page loads, with no additional JavaScript required.

AI-generated description

An example of MathJax.

This example is from Writing Mathematics for MathJax: TeX and LaTeX input.

MIT Licensed

Similar vizzes

Loading thumbnail…

Maths Equations

This example demonstrates how mathematical equations, specifically the multivariate normal distribution, are rendered directly in the browser using LaTeX notation. The page displays the probability density function for a multivariate normal variable, showing both the distribution statement and its expanded formula. The implementation relies on MathJax.js with the TeX-AMS-MML_HTMLorMML configuration, which processes LaTeX input between double dollar signs. The HTML document sets the Raleway font from Google Fonts and centers the equations under the title "Multivariate Normal." The code comes from a gist by EfratVil, using standard MathJax configuration for inline and display math rendering.

EEfratVil
68% match
Loading thumbnail…

Example MathML output from KaTeX

This example displays a collection of math formulas rendered as MathML, generated directly from LaTeX code by KaTeX. It presents an integration-as-summation equation, a matrix multiplication setup, and the quadratic formula. The MathML output uses semantic elements like `<mrow>`, `<msubsup>`, `<mfrac>`, and `<mtable>` to structure the notation, with each formula retaining its original LaTeX source in an `<annotation>` tag. The piece demonstrates KaTeX’s ability to convert LaTeX input into accessible, standards-based MathML markup for web display.

KKevinGutowski
66% match
Loading thumbnail…

Hello jStat

This example demonstrates a minimal web page that displays two lines of text: "Hello jStat!" and the result of the arithmetic operation 1+1. The page loads the jStat library from a CDN and uses its `jStat.sum` function to compute the sum of the array `[1, 1]`, then inserts the numeric result, 2, into an HTML span element. The page uses basic CSS for styling and JavaScript for computation, showcasing a simple integration of the jStat statistical library.

CCurran Kelleher
64% match
Loading thumbnail…

PlasTeX: Ejemplo...

This example demonstrates a mathematical research abstract on Siegel cusp forms, rendered as an HTML page with LaTeX-style typesetting. The page displays inline and display equations alongside body text, using MathJax to convert LaTeX notation into readable mathematics. It is generated by PlasTeX and styled with a white theme, while JavaScript files (jquery.min.js, plastex.js, svgxuse.js) handle page behavior. The content presents the Fourier series representation and the main theorem about coefficient non-vanishing, showing how static academic documents can be converted into web pages.

HHéctor del Castillo
63% match
Loading thumbnail…

test_jquery

This example demonstrates a graphing calculator that evaluates arithmetic expressions and plots custom polynomial functions. Users input equations with variables like "1p2" (representing 1x²) and click "graph_it" to render the curve. The calculator uses D3 v6 to append SVG path elements, while jQuery and jQuery UI handle user interactions such as button clicks and DOM manipulation. The code computes y-values across the viewport width and maps them to SVG coordinates for drawing.

IInnoFail
57% match
Loading thumbnail…

Borrador

This example displays the text “REAL ANALYSIS” in large, centered type. The code uses plain CSS for font sizing and text alignment, with no JavaScript logic or data-driven rendering. The visual is a static composition built directly in the HTML body, demonstrating a minimal use of core web technologies rather than a charting library. Its purpose is to serve as a bare-bones starting point, with the framework connection to React noted only in the README.

LLuis LR
57% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal HTML page that displays the text “Hello HTML!” centered with a large font size, while running a JavaScript computation in the background. The code uses the Quaternion.js library to create a quaternion from the string `"99.3+8i"`, then performs multiplication, division, and subtraction operations with other quaternions, logging the resulting value to the console. Styling is handled through basic CSS within the HTML file, and the JavaScript logic is loaded from a separate `index.js` file.

Iillus0r
56% match
Loading thumbnail…

xd

This example displays a minimal web page that renders the text “Hello HTML” at a very large font size, centered on a white background. It demonstrates the integration of React by loading the React library via a CDN script tag and uses the browser’s `console.log` to output both a JavaScript greeting and the React object for developer inspection. The page relies on plain HTML, inline CSS for styling, and vanilla JavaScript for logging.

EEduardBigioi
56% match