git404hub

what is waferboard fr?

waferflopai/waferboard — explained in plain English

Analysis updated 2026-05-18

0JavaScriptAudience · vibe coderComplexity · 1/5LicenseSetup · easy

tl;dr

A single HTML file dashboard builder that turns plain Markdown with special directives into interactive stat cards, bar charts, and metric grids, no backend required.

vibe map

mindmap
  root((waferBoard))
    What it does
      Markdown to dashboard
      Interactive cards
      No backend needed
    Directives
      Stats
      Channels
      Charts
      Actions
    Export
      HTML
      Markdown
      PNG SVG PDF
    Audience
      Vibe coders
      Solo builders

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Build a personal metrics dashboard from Markdown notes without writing any code.

VIBE 2

Turn a set of business numbers like revenue and users into stat cards and charts.

VIBE 3

Create a shareable HTML dashboard file that works offline with no server.

VIBE 4

Export a dashboard as an image or PDF to include in a report.

what's the stack?

JavaScriptHTMLCSSChart.jsMarked.jshtml2canvas

how it stacks up fr

waferflopai/waferboard00kaku/gallery-slider-block3rd-eden/ircb.io
Stars0
LanguageJavaScriptJavaScriptJavaScript
Last pushed2021-05-192016-11-16
MaintenanceDormantDormant
Setup difficultyeasyeasyeasy
Complexity1/52/52/5
Audiencevibe codergeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min
Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

in plain english

waferBoard is a small tool for building dashboards using plain Markdown text instead of writing HTML, CSS, or JavaScript. It works as a single self contained HTML file, so there is nothing to install, no backend server, and no build tools involved. You simply open the file in a browser and start editing. The dashboard is made up of sections, and each section is written as Markdown with special directives that turn plain text into interactive components. For example, writing a stats directive produces key value cards with up or down change indicators, a channels directive produces horizontal bars sized by percentage, and a chart directive produces a pie or bar chart. Other directives cover metric grids, action lists with priority labels, and tag pills. Anyone editing a section just clicks a pencil icon, types Markdown, and the dashboard updates automatically. All of the content is saved in the browser's local storage, so changes persist between visits without needing an account or a database. You can also load external Markdown files to add new sections, or replace the default ones. The default dashboard ships with five example sections covering things like revenue, users, and notes, which serve as a starting template. Once a dashboard is built, it can be exported in several formats: as a standalone HTML file with everything embedded, as a Markdown document that can be edited and reimported later, as a PNG or SVG image, or as a PDF through the browser's print dialog. The layout is a responsive CSS grid, and individual sections can be set to span the full width. The application relies on a few externally loaded libraries for charts, Markdown parsing, and image export, but otherwise has no dependencies. It is released under the MIT license.

prompts (copy fr)

prompt 1
Write a waferBoard Markdown section using the #stats directive to show revenue and user growth with change indicators.
prompt 2
Show me how to write a #chart pie block in waferBoard to visualize traffic sources.
prompt 3
Help me structure an #actions section in waferBoard with HIGH, MED, and LOW priority tasks for my Q4 goals.
prompt 4
Explain how to load an external Markdown file into waferBoard as a new dashboard section.

Frequently asked questions

what is waferboard fr?

A single HTML file dashboard builder that turns plain Markdown with special directives into interactive stat cards, bar charts, and metric grids, no backend required.

What language is waferboard written in?

Mainly JavaScript. The stack also includes JavaScript, HTML, CSS.

What license does waferboard use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is waferboard to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is waferboard for?

Mainly vibe coder.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.