{"id":2894,"date":"2025-07-15T06:42:49","date_gmt":"2025-07-15T10:42:49","guid":{"rendered":"https:\/\/www.thedigitalteacher.org\/?p=2894"},"modified":"2025-07-15T06:42:51","modified_gmt":"2025-07-15T10:42:51","slug":"excalidraw-a-great-tool-for-charts-and-diagrams","status":"publish","type":"post","link":"https:\/\/www.thedigitalteacher.org\/index.php\/2025\/07\/15\/excalidraw-a-great-tool-for-charts-and-diagrams\/","title":{"rendered":"Excalidraw: A great tool for charts and diagrams"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"303\" height=\"416\" data-attachment-id=\"2896\" data-permalink=\"https:\/\/www.thedigitalteacher.org\/index.php\/2025\/07\/15\/excalidraw-a-great-tool-for-charts-and-diagrams\/excalidraw-2\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.thedigitalteacher.org\/wp-content\/uploads\/2025\/07\/Excalidraw-2.png?fit=303%2C416&amp;ssl=1\" data-orig-size=\"303,416\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Excalidraw #2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.thedigitalteacher.org\/wp-content\/uploads\/2025\/07\/Excalidraw-2.png?fit=303%2C416&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.thedigitalteacher.org\/wp-content\/uploads\/2025\/07\/Excalidraw-2.png?resize=303%2C416&#038;ssl=1\" alt=\"\" class=\"wp-image-2896\" style=\"aspect-ratio:0.7283554384806441;width:241px;height:auto\" srcset=\"https:\/\/i0.wp.com\/www.thedigitalteacher.org\/wp-content\/uploads\/2025\/07\/Excalidraw-2.png?w=303&amp;ssl=1 303w, https:\/\/i0.wp.com\/www.thedigitalteacher.org\/wp-content\/uploads\/2025\/07\/Excalidraw-2.png?resize=219%2C300&amp;ssl=1 219w\" sizes=\"auto, (max-width: 303px) 100vw, 303px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">  Over the summer I have been looking around the internet and through online articles for new tools that I can implement in my classroom next year. I am not a fan of tools that my students can only use at school, such as the Adobe Suite of tools most of my students don\u2019t have access to these tools at home. I try to use open source programs so that students don\u2019t have to pay for anything, but still can get work done outside of school if needed. I do like the vectors graphics program Inkscape, but this does have a learning curve with it. I teach technical classes and often need students to create flow charts or diagrams quickly and easily, Inkscape can do this but it requires more effort than is needed for the task. Through my exploration on YouTube one of the IT content creators Christian Lempa (<a href=\"https:\/\/youtube.com\/@christianlempa?si=LqMX5NFLNo8tH_-T\">YouTube Channel<\/a>) showed a web based tool called Excalidraw.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">  Excalidraw is a simple light-weight tool that can run on just about any including Chromebooks and can create a variety of graphics including flow charts and diagrams. I really like this tool because it very intuitive to use and doesn\u2019t require registration to use its basic functionality. At its core Excalidraw creates clean and simple drawings that can be used in variety of documents from technical write-ups to presentations to lab reports to mathematics explanations. The interface that Excalidraw uses is very straight forward and can be learned with little to no explanation by high school students, my high schooler at home was able to create a flow diagram in about five minutes with no explanation from me. All of the tools have icons that can be used to access them, but they also have keyboard shortcuts that are also shown on the icons themselves. Most of the major tools found in vector drawing programs are available, but it is been stripped down to the most essential tools that used to create. However this means that tools like a shape editor, node editor used to create custom shapes are missing. I am ok with this because the basic shapes that it allows are enough to create the charts and diagrams that for my decision-trees, flow charts and other basic diagrams works perfectly. My students have access to other tools for more advanced graphics that may need to be made. But I really like having a simple drawings tool to chart good looking charts and diagrams. Additionally, Excalidraw can pull in other graphics (I prefer them to have a transparent background) such as program icons or pre-made shapes, by simple uploading the files using the File menu. Finally, once the graphics are created they can be exported out in a PNG or SVG format. The PNG format can be pulled into almost any document authoring tool such as Word or Google Docs to add to the overall document\u2019s informational value. Students could register if they would like to use the collaborative and library features, but this isn\u2019t necessary to create high-quality good-looking graphics.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">  I think that Excalidraw is an excellent tool for creating simple diagrams and charts quickly and easily for student works of various types. I would recommend that you send the link to your IT department or administration for vetting before using it with students as this is a procedure that my and many districts require for using new tools with students. Over the summer can be a great time for this, since it may take your IT or admin times to complete the vetting. While you are waiting for this to happen you can create a simple tutorial video, though this wouldn\u2019t necessarily be needed for order students to understand how to use the program, but it maybe for middle school students to use. I don\u2019t think that I would use this program with student younger than middle school students, but that would be a professional decision that you have to make. I think that Excalidraw can be a great additional to the creation tools that I use with my students and is worth giving it a look and possibly adding to the tools that you with your students.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you are interested in a deeper look at Excalidraw, please remember to join our mailing list and adding a comment about you what aspects you would like to know more about.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Excalidraw is an excellent light-weight drawing and diagramming tool for adding visual information and context to assignments.<\/p>\n","protected":false},"author":1,"featured_media":2895,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"center","neve_meta_author_avatar":"","neve_post_elements_order":"[\"title\",\"meta\",\"thumbnail\",\"content\",\"tags\",\"comments\"]","neve_meta_disable_header":"","neve_meta_disable_footer":"on","neve_meta_disable_title":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[6,5],"tags":[102,101,45,48,103,100],"class_list":["post-2894","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-classroom-content","category-technology","tag-charting","tag-diagramming","tag-educational-technology","tag-innovative-teaching","tag-opensource","tag-software"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p2ChZW-KG","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":115,"url":"https:\/\/www.thedigitalteacher.org\/index.php\/2018\/05\/20\/learning-skills-vs-tools\/","url_meta":{"origin":2894,"position":0},"title":"Learning Skills vs Tools","author":"D. Weeks","date":"May 20, 2018","format":false,"excerpt":"In my school district we have converted over to the google tools and applications for about a year now and still many people, myself included have made some push back against using these tools for classroom work since they are not industry or societal standards. But I am changing my\u2026","rel":"","context":"In &quot;Methods&quot;","block_context":{"text":"Methods","link":"https:\/\/www.thedigitalteacher.org\/index.php\/category\/methods\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":38,"url":"https:\/\/www.thedigitalteacher.org\/index.php\/2018\/01\/26\/38\/","url_meta":{"origin":2894,"position":1},"title":"Digital Skills","author":"D. Weeks","date":"January 26, 2018","format":false,"excerpt":"This week I am writing final exams and thinking about what I want to improve on for this upcoming semester. I teach in a very blue-collar district, where not all of the students have access to technology at home and therefore have not been taught many of the digital skills\u2026","rel":"","context":"In &quot;Technology&quot;","block_context":{"text":"Technology","link":"https:\/\/www.thedigitalteacher.org\/index.php\/category\/technology\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.thedigitalteacher.org\/wp-content\/uploads\/2018\/01\/WrenchGuy.jpg?fit=347%2C346&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":68,"url":"https:\/\/www.thedigitalteacher.org\/index.php\/2018\/01\/27\/social-contracts-as-a-tool-to-manage-behavior-part-1\/","url_meta":{"origin":2894,"position":2},"title":"Social Contracts as a Tool to Manage Behavior \u2013 Part 1","author":"D. Weeks","date":"January 27, 2018","format":false,"excerpt":"Social Contracts conceptually are not a new idea they have been around for many years in different forms and names: behavioral agreements and behavioral contracts to name a few. These tools were originally developed by psychologists to help troubled students to learn appropriate behaviors in and out of school. The\u2026","rel":"","context":"In &quot;Methods&quot;","block_context":{"text":"Methods","link":"https:\/\/www.thedigitalteacher.org\/index.php\/category\/methods\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/thedigitalteacher.org\/wp-content\/uploads\/2018\/01\/Social-Contract-1-200x300.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5503,"url":"https:\/\/www.thedigitalteacher.org\/index.php\/2026\/10\/04\/tiered-tech-by-grade-level-every-students-should-know\/","url_meta":{"origin":2894,"position":3},"title":"Tiered Tech by Grade Level Every Students Should Know","author":"D. Weeks","date":"October 4, 2026","format":false,"excerpt":"Today I am going to talk about technology and skills that I think should be tiered into various grade levels that are appropriate for students both educational needs and development needs. In education we try the newest and latest tech or website because it is pretty, shiny, and quite a\u2026","rel":"","context":"In &quot;Methods&quot;","block_context":{"text":"Methods","link":"https:\/\/www.thedigitalteacher.org\/index.php\/category\/methods\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":73,"url":"https:\/\/www.thedigitalteacher.org\/index.php\/2018\/01\/27\/social-contracts-as-a-tool-to-manage-behavior-part-2\/","url_meta":{"origin":2894,"position":4},"title":"Social Contracts as a Tool to Manage Behavior \u2013 Part 2","author":"D. Weeks","date":"January 27, 2018","format":false,"excerpt":"In the first part of this article, social contracts were presented as a method to teach student to manage their own behavior in class and to minimize classroom disruption throughout the course of a school day. There are a variety of different professionals and programs that utilize the social contact\u2026","rel":"","context":"In &quot;Methods&quot;","block_context":{"text":"Methods","link":"https:\/\/www.thedigitalteacher.org\/index.php\/category\/methods\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.thedigitalteacher.org\/wp-content\/uploads\/2018\/01\/Social-Contract-3.jpg?fit=414%2C550&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":363,"url":"https:\/\/www.thedigitalteacher.org\/index.php\/2023\/01\/21\/going-fully-paperless-in-my-classes\/","url_meta":{"origin":2894,"position":5},"title":"Going Fully Paperless in my Classes","author":"D. Weeks","date":"January 21, 2023","format":false,"excerpt":"This school year, I went paperless in my classroom. I was super tired of having assignments cluttering up my desk and looming at me as if to say \"GRADE ME\". I learned a lot when we had to do remote teaching, I think that trying new things and taking risks\u2026","rel":"","context":"In &quot;Classroom Content&quot;","block_context":{"text":"Classroom Content","link":"https:\/\/www.thedigitalteacher.org\/index.php\/category\/classroom-content\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.thedigitalteacher.org\/wp-content\/uploads\/2023\/01\/samantha-borges-q3zZHY5GHu0-unsplash-scaled.jpg?fit=800%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.thedigitalteacher.org\/wp-content\/uploads\/2023\/01\/samantha-borges-q3zZHY5GHu0-unsplash-scaled.jpg?fit=800%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.thedigitalteacher.org\/wp-content\/uploads\/2023\/01\/samantha-borges-q3zZHY5GHu0-unsplash-scaled.jpg?fit=800%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.thedigitalteacher.org\/wp-content\/uploads\/2023\/01\/samantha-borges-q3zZHY5GHu0-unsplash-scaled.jpg?fit=800%2C1200&ssl=1&resize=700%2C400 2x"},"classes":[]}],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.thedigitalteacher.org\/wp-content\/uploads\/2025\/07\/Ecalidraw.png?fit=1588%2C724&ssl=1","_links":{"self":[{"href":"https:\/\/www.thedigitalteacher.org\/index.php\/wp-json\/wp\/v2\/posts\/2894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thedigitalteacher.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thedigitalteacher.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thedigitalteacher.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thedigitalteacher.org\/index.php\/wp-json\/wp\/v2\/comments?post=2894"}],"version-history":[{"count":1,"href":"https:\/\/www.thedigitalteacher.org\/index.php\/wp-json\/wp\/v2\/posts\/2894\/revisions"}],"predecessor-version":[{"id":2897,"href":"https:\/\/www.thedigitalteacher.org\/index.php\/wp-json\/wp\/v2\/posts\/2894\/revisions\/2897"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thedigitalteacher.org\/index.php\/wp-json\/wp\/v2\/media\/2895"}],"wp:attachment":[{"href":"https:\/\/www.thedigitalteacher.org\/index.php\/wp-json\/wp\/v2\/media?parent=2894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thedigitalteacher.org\/index.php\/wp-json\/wp\/v2\/categories?post=2894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thedigitalteacher.org\/index.php\/wp-json\/wp\/v2\/tags?post=2894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}