npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

muboard

v0.5.2

Published

Self-rendering, interactive, and distributable mathematics chalkboards with support for Markdown and LaTeX

Downloads

16

Readme

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.

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.