Self-rendering and distributable mathematics chalkboards

Overview

Muboard

Muboard is a tiny utility that runs a mathematics display board as a web page. Muboard lets you quickly scribble mathematics snippets using Markdown and LaTeX while presenting your desktop screen to others during real-world or virtual meetings.

View Muboard View Demo MIT License Twitter

Contents

Get Started

To get started with using Muboard, click here and start typing Markdown + LaTeX input at the text field at the bottom.

Here is an example screenshot that shows how Muboard with some content looks like:

Distributable Boards

Muboard can be used to create distributable boards. To try it out, copy and paste the code below into an HTML file with .html extension:

<!DOCTYPE html><script src="https://cdn.jsdelivr.net/npm/[email protected]"></script><textarea>

# The Möbius function

For any positive integer $ n $, the Möbius function $ \mu(n) $ is
defined as follows:

$$ \mu(1) = 1; $$

If $ n > 1, $ write $ n = p_1^{a_1} \dots p_k^{a_k} $ (prime
factorization). Then

\begin{align*}
  \mu(n) & = (-1)^k \text{ if } a_1 = a_2 = \dots = a_k = 1, \\
  \mu(n) & = 0 \text{ otherwise}.
\end{align*}

If $ n \ge 1, $ we have

$$
  \sum_{d \mid n} \mu(d) =
  \begin{cases}
    1 & \text{ if } n = 1, \\
    0 & \text{ if } n > 1.
  \end{cases}
$$

Now open this file with a web browser. This is a self-rendering distributable board file. It renders itself to look like this: mu.html.

Valid HTML5

The code snippet in the previous section shows how we can create a self-rendering document with a single line of HTML code but this brevity comes at the cost of standard conformance. For example, the required <title> element is missing from the code. Further the <textarea> element is not closed. Despite the missing tags, this example works just fine because all web browsers follow the robustness principle.

For the sake of completeness and correctness, here is a minimal but complete and valid HTML example: mu-html5.html (source). It has a few more lines of code to ensure that this HTML5 code validates successfully at validator.w3.org. In case you are wondering, a valid HTML5 document does not require explicit <head>, <body>, or the closing </html> tags, so they have been omitted for the sake of brevity while maintaining completeness and correctness in this example.

Features

  • Runs in a web browser.
  • Keyboard driven user interface.
  • Vertical splits.
  • Input is just LaTeX, Markdown, and HTML. Avoids any new syntax.
  • Conforms to CommonMark specification of Markdown.
  • Conforms to GitHub Flavored Markdown (GFM), a strict superset of CommonMark.
  • Supports a subset of LaTeX using MathJax.
  • Supports creating self-rendering distributable boards with a single line of HTML.
  • Supports editing commands such as ,i, ,d, ,align*, etc. to automatically insert LaTeX delimiters for inline mathematics, display mathematics, align environment, etc. (Type ,help in the board input to see a complete list of supported commands.)
  • Support for saving/loading snippets to/from browser's local storage.
  • Not a WYSIWYG tool.
  • Not a collaborative editing tool.

Why?

Muboard was created originally for Offbeat Computation Club analytic number theory meetings that I host. During the meetings, I needed a place to type out mathematics formulas and render them quickly. I chose to write a tiny non-WSYIWYG tool because I prefer such tools. It also helps in keeping the LaTeX snippets in an HTML file that can render itself using JavaScript.

The name Muboard is a reference to the Möbius function μ(n) which was the first function definition we discussed using this tool.

Mirror

The primary Muboard website is muboard.net.

A replica of the website is available at muboard.github.io.

License

This is free and open source software. You can use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of it, under the terms of the MIT License. See LICENSE.md for details.

This software is provided "AS IS", WITHOUT WARRANTY OF ANY KIND, express or implied. See LICENSE.md for details.

Support

To report bugs, suggest improvements, or ask questions, create issues.

More

If you like this project, follow me on Twitter or check out the related projects TeXMe and MathBin.

You might also like...

"Math Magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random maths-related quote.

Project Name : Math Magicians "Math Magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simp

May 29, 2022

Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote.

Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote.

react-math-magicians React Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: - - Make simpl

May 27, 2022

Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to Make simple calculation.

Math Magians Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to Make simple calculation. Live

Sep 6, 2022

Math Magicians is a website for all fans of mathematics.

Math Magicians is a website for all fans of mathematics.

"Math Magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.

Dec 7, 2022

"Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote.

ONLINE MATH CALCULATOR USING REACT "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make

Aug 24, 2022

Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

Phaser - HTML5 Game Framework Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop a

Jan 7, 2023

Cardinal generator encompasses serverless functions and smart contracts for rendering generative NFTs

Cardinal generator encompasses serverless functions and smart contracts for rendering generative NFTs

Cardinal Generator An open protocol for generative NFTs. Background Cardinal generator encompasses serverless functions and smart contracts for render

Dec 6, 2022

A server side rendering framework for Deno CLI and Deploy. 🦟 🦕

nat A server side rendering framework for Deno CLI and Deploy. Incorporating acorn, nano-jsx, and twind, it provides the tooling to provide a server c

Nov 17, 2022

2D HTML5 rendering and layout engine for game development

2D HTML5 rendering and layout engine for game development

Stage.js is a 2D HTML5 JavaScript library for cross-platform game development, it is lightweight, fast and open-source. Check out examples and demos!

Jan 3, 2023
Comments
  • Add ability to share muboards

    Add ability to share muboards

    See issue #3

    This PR adds a command ,share which lets you share your muboard. The sharing is facilitated by encoding the source as a URL param using base64.

    opened by 1ntEgr8 3
  • Chemical equations with mhchem

    Chemical equations with mhchem

    I could not render chemical equations like

    \ce{H2O -> H2 + 1/2O2}
    

    It is a supported command according to MathJax docs. The command is from the mhchem package.

    opened by chicolucio 2
  • A faster way to Get Started

    A faster way to Get Started

    Awesome tool, many thanks for making this available!

    I have a suggestion for an addition to the Getting Started section. To open an empty muboard even faster you can enter

    data:text/html, <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

    directly into the browser address bar. Works with Chromium 91.0.4472.114 on Arch Linux.

    opened by sieste 1
Owner
Susam
Creator of TeXMe and Uncap. Developing tiny, lightweight, and minimalist tools for hackers and scholars.
Susam
"Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read random math-related quotes. Its built using react

Math Magician "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations a

Charles Gobina 5 Feb 23, 2022
Module 03 project: Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to Make simple calculations and Read a random math-related quote.

Math-magicians Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to Make simple calculations an

Basir Mohammadi 14 Sep 26, 2022
Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations and Read a random math-related quote.

Capstone project / FilmTube This is the final project of the moduel 2. we build a series page using an API to display all the series on the main page

Amalia Gomez Moro 5 Aug 23, 2022
"Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.

Math magicians "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations

Tiago Lelinski Marin 8 Aug 26, 2022
"Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote.

math-magicians A Single Page App (SPA) that allows users to Make simple calculations and read a random math-related quote. "Math magicians" is a websi

Temitope Ogunleye 3 Feb 21, 2022
Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote.

Math Magicians. Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations

Mithlesh kumar 5 Mar 29, 2022
Math magicians is a website for all fans of mathematics

Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.

eduardosancho 7 Apr 17, 2022
Mathemagician is a web app for all fans of mathematics.

"Mathemagician" is a web app for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.

Alexander Oguzie-Ibeh 11 Apr 22, 2022
Math magicians is a website for all fans of mathematics

Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote. ??

Joaquín G. L. Z. 5 Apr 2, 2022
"Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote.

Math Magician "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations.

Emmanuel Allan 6 Jun 27, 2022