Qdraw Example

Click the drawing (top-left) icon to start experimenting

Video Demo

Installation

quarto add mahmudstat/qdraw

and add the plugin to your yaml in the the following way:

---
title: "Qdraw Example"
format:
  revealjs: default
revealjs-plugins:
  - qdraw
---

Using

Add your contents to qmd file and render.
Click on the draw icon to activate the drawing tools.
Click the icon again to hide the tools and move on to the other slides.
Use the self-explanatory tools as per your requirements.

Icons

Start/Stop Drawing
Choose to Draw (defaulted initially)
Change Pen Color
Undo Drawings

Erase Drawings
Delete All Drawings
Change Background
Reset Background
Download Drawings

Demo

Get a demo here and its source code here

Scatter Plot with Chart.js

(Not part of qdraw plugin)