Drawing Widget

Images make lessons more engaging and visually appealing. They can break up the text, making the content less intimidating and more approachable. They also simplify complex concepts and make them easier to understand. You can use the ‘Drawing widget’ to create your visualizations.

We'll cover the following

The Drawing widget allows you to create UML diagrams, Venn diagrams, flowcharts, and cartoon images. However, its use is not restricted to just these four types. It gives you the freedom to draw as you please!
The widget also imports images from the web/desktop.

Add the widget, and click the “Edit” button; this is what it looks like:

What do I need to know?

  • On the left side, you have different options for adding assets and diagrams. For example:

    • Educative
    • General
    • Misc
    • Advanced
    • Basic
    • Arrows
    • Flowchart
    • Entity Relation
    • UML (Unified Modelling Language)

    You can also use the “Scratchpad” feature to import/export your customized images from a website or local machines. You can search for shapes in the search bar at the top left or click the “More Shapes” button at the bottom left corner.

  • On the right side, you have options for styling and arranging the added assets.

  • On the top, you have general options such as Undo, Zoom in, and Zoom out.

  • You can add mathematical expressions. Please refer to this link.

To copy a drawing across multiple lessons, use keyboard shortcut keys.

How can I upload images?

Go to “File” and click the “Import from” option. You’ll further see three options: “Browser…”, “Device…”, and “URL…” as shown below.

The URL can be a web image. A link created through the “Course Assets” functionality can be used.

Educative Illustration Repository

For your convenience, Educative has a large repository of ready-made illustrations that can be used in the Drawing widget. We update the repository regularly. Feel free to use these illustrations at your leisure. Check out the full repository here!

Our design team can create images on your request as well.

How to create a slideshow?

Slideshows enable you to present information sequentially, which can help break down complex topics into simpler parts. To create a slideshow, check the “Convert To Slides” box and then click the “Edit” button.

At the bottom, you have a tab, “Page-1”, like an Excel sheet. To create slides, you can add multiple pages in the widget.

To add a caption to each slide, replace the Page-<x> with the required caption.