Tableaunoir

About tableaunoir

Tableaunoir is an online blackboard. It is ideally used with a graphics tablet. Help your audience focus on the content by hiding the toolbar and using keyboard shortcuts.

Create magnets (think of them as fridge magnets) for making interactive courses, presentations and discussions with students.

Blackboards can be shared in order to collaborate with your friends.

The project is open source. Feel free to collaborate: https://github.com/tableaunoir/tableaunoir

Videos

Video presentation of tableaunoir (in French)
Video presentation of tableaunoir (in English)

Privacy policy

All data may be sent to the server you are connected to, and be dispatched to other users connected to the same board. Some instances of tableaunoir are http, others are https. Data means: the board itself, the magnets, options in the menu.
You own your own data. The server does not store the boards: they are ephemeral. Do not forget to save and/or export boards you wish to keep.
Some options (right-handed or left-handed, toolbar visible or not, etc.) are local and stored in localStorage (and do not use cookies 🚫 🍪).

Load

To open an existing board, drag and drop your .tableaunoir file in the application or choose a file:

Save

Save your board in a .tableaunoir file for later use:

Name:

Export

Export your board as an image .png file or as a PDF. All magnets will be "flattened" in the resulting image. Also for PDF export, reisze your window because PDF page corresponds to a window.

Name:

Forget undo history

Tableaunoir remembers all your actions that you made. However, if you experience big files or slow sharing, you may forget the history of the past actions. Your board remains unchanged, but you will not be able to undo the past actions.

Background Color

Wallpaper

Insert documents (images or PDF)

You can insert several documents. Each document is inserted on the top-left corner of the screen.

On this page, you can write scripts for adding more interactivity. This functionnality is still experimental.

Sound

Drawing

Line width:
Smoothing (your drawing are getting smoother after you draw)

Interface

Show the toolbar (h)

Left
Top
Right
Bottom

Language

English
German
French
Spanish

Palette

Show the palette when using keyboard shortcut c

Standard 8 color palette
21 color palette

Cursor

Left-handed

Blackboard keyboard shortcuts

Esc or F1	show/hide this menu
e	switch between chalk and eraser
c	change the color of the chalk or of the selected magnet
d	divide the screen
Ctrl+Z	cancel the last action
Ctrl+Y or Ctrl+Shift+Z	redo the last action
← →	move in the board half-page by half-page
Shift+← Shift+→	move slowly in the board

Magnet keyboard shortcuts

Del	delete the current magnet
Ctrl+x	cut the content inside the drawn contour into a magnet
Ctrl+c	copy the content inside the drawn contour into a magnet
Ctrl+Shift+x	cut the content inside the drawn contour into a magnet, but keep the contour
Ctrl+Shift+c	copy the content inside the drawn contour into a magnet, and keep the contour
m	cut the content inside the drawn contour into a magnet / flatten the current magnet to the blackboard
Shift+m	cut the content inside the drawn contour into a magnet and keep the contour
Ctrl+v or p	print the current magnet (like rubber stamping)

Text Magnet keyboard shortcuts

Enter	create a new magnet that contains text (then type the text)
Esc	exit the text edition in a magnet
Ctrl + +	increase the size of the text
Ctrl + -	decrease the size of the text

Importing existing images

In order to use existing images as magnets, drag and drop .png/.svg/.gif/.jpg files.

Predefined Magnet Collections

Algorithms

Theoretical computer science

Games

Quick magnet manipulation

How to create a magnet?

Draw a contour around the picture
Then press Ctrl+X

How to write LaTeX formulas?

Create a text magnet by pressing Enter
Type your LaTeX code between between $ and $, or \[ and \]
Press Esc to get the output
The magnet LaTEX code can be reedited by double-clicking (except if the magnet contains several formulas)

How to draw squares, circles, horizontal/vertical lines?

Open the tool menu (or press t)
Choose the shape you want to draw
Press Shift to draw a regular shape (squares, circles, horizontal/vertical lines)

How to draw interactive graphs?

In Tableaunoir, you can draw interactive graphs, in which vertices are magnets, and when they are moved, edges and vertex labels move accordingly.

To draw an edge between two magnets, or to draw a self loop, just draw it. If it does not work, maintain Ctrl
To add a label to a vertex, press Ctrl and draw your label nearby the magnet.