The Excalidraw-Obsidian Showcase: 57 key features in just 17 minutes
Вставка
- Опубліковано 30 чер 2024
- ✏️ Sign up for the Visual Thinking Workshop: www.visual-thinking-workshop....
🚀 Cohort 9 starts on 2 June 2024. 📔 We will process The Creative Act by Rick Rubin into a Book on a Page
-----
The Mindmap from the video: excalidraw-obsidian.online/Ho...
-----
If you find my videos helpful, please say thanks by buying me a coffee: ko-fi.com/zsolt
📩 If you want to connect, you can reach me: (@zsviczian) on the Obsidian Members Group (OMG) on Discord, or on 🐦 Twitter: / zsviczian
-----
This video is the celebration of passing the 2 million download milestone for the Excalidraw-Obsidian plugin. In the video, I demonstrate 57 basic and power features of the plugin showing you how Excalidraw is much more than just another vector illustration tool. It is a Visual Thinking Powerhouse.
-----
Timestamps:
00:00 Intro
00:54 ** PART 1 **
01:01 OCR
01:26 Basic shapes
01:36 Snap to grid
01:49 Element properties
01:56 Snap to objects
02:07 Stencil library
02:42 Link to file
02:53 Hover preview
03:04 Embedding block references
03:16 Element link
03:25 Outgoing and back-links
03:32 Mermaid text to diagram
03:51 Hand-drawn and professional styles
04:03 Embed videos
04:20 Link to visual elements
04:48 Insert image
04:58 Link to image on the web
05:14 Link to file on the local drive
05:31 Export image
05:56 Embed image in notes
06:11 Group and area embed
06:28 Set embed width and height
06:37 ** PART 2 **
06:44 Deconstruct images
07:08 Back-of-the-note cards
07:32 Markdown view
07:44 Customizing cards
07:54 Embed any markdown note
08:02 Embed webpages
08:10 SHIFT resize to scale
08:21 ** PART 3 **
08:28 Plugin settings
08:40 Templates
09:13 Installing scripts
09:30 Slideshow
09:46 Split ellipse
09:55 Boolean operations
10:04 Repeat elements
10:13 Select elements of type
10:25 Set dimensions
10:34 Crop and mask image
10:47 Palette loader
11:06 Light mode - dark mode
11:17 Invert colors
11:32 Tray mode
11:46 ** PART 4 **
11:53 Import pdf as images
12:14 Import pdf as embeddable
12:34 Crop pdf page in Markdown notes
13:01 Fourth font
13:28 Custom pens
13:48 LaTeX support
14:02 ExcaliAI
14:30 Annotating images
14:54 Text aura
15:03 Convert SVG to Excalidraw strokes
15:33 Collaboration frames
15:58 Excalidraw publish
16:12 ** PART 5 **
16:19 Document properties (default view mode)
16:41 Excalidraw Automate (EA)
17:09 ** PART 6 **
17:16 Closing thoughts
-------
🍿Watch next:
📽️ Getting Started with Excalidraw • Getting Started with V...
📽️ Getting Started with ExcaliBrain • Getting started with E...
📽️ The Playful PKM Castle: A Whirlwind Tour of Zsolt's Visual Thinking World! • The Playful PKM Castle...
📽️ The Compass of Zettelkasten • Connect Ideas with The...
📽️ Knowledge Discovery Using Icons • Improve knowledge disc...
📽️ Idea Integration Board • Get More Out of What Y...
📽️ Idea Mixer • Iconic Insights: A Jou...
📽️ 6 Strategies for Linking Visual Thoughts • 6 Strategies for Linki...
📽️ Visual Zettelkasten • Visual Zettelkasten
📽️ 4D PKM • 4D Visual Thinking: Ef...
📽️ Visually Connect Ideas • The Visual Thinking Fr...
📽️ Digest What You Read • Digest What You Read: ...
📽️ How are these related? • How are Picasso's Bull...
📽️ Colors playlist • The ultimate walkthrou...
📽️ The Periodic Table of Productivity • VISUAL SUMMARY: Feel-G...
📽️ The Extended Mind • The Extended Mind - Bo...
📽️ How To Take Smart Notes • How to Take Smart Note...
📽️ Finite and Infinite Games Book on a Page • Visual Zettelkasten
---------
The Mindmap from the video: excalidraw-obsidian.online/Ho...
Visual Thinking Workshop: www.visual-thinking-workshop....
My blog: zsolt.blog/
Obsidian: obsidian.md
Excalidraw-Obsidian: github.com/zsviczian/obsidian...
ExcaliBrain Plugin: github.com/zsviczian/excalibrain
Excalidraw Publish: excalidraw-obsidian.online/
-----
Attributions
Video by Jesus Cambronero: www.pexels.com/video/close-up...
Video by Rahul Sharma: www.pexels.com/video/beautifu...
Video by Anastasia Shuraeva: www.pexels.com/video/person-u...
Video by Kampus Production: www.pexels.com/video/hammerin...
This software is the most powerful plug-in on obsidian. It solves obsidian's original weakness in drawing. This software makes obsidian even more powerful.
A big THANK YOU for all work accomplished and your availability for the community (I remember having an issue and you replied with a solution so quickly...)
Thank you so much as well for the numerous books related to visual thinking and other topics I discovered thanks to you. 😊
Thank you!
I'm flabbergasted. When I initially started using your plugin I started creating a personal Wiki to track all of the features... but they were so many that I gave up! You've summarized everything extremely nicely with this video, I can't thank you enough.
this is hands down one of the most innovative programs, ever since i started using excalidraw markdown in obsidian i never use anything else, too awesome!
I spent the longest time trying to find these features in Excalidraw on the web only to realize this isn't Excalidraw on the web.
Yes, these features are only available in Obsidian
Works like magic...
Amazing. Thank you, Zsolt.
wow, this tour was immensely helpful~! thank you!
Totally awesome! Thank you for Sharing! 💯✴
Great video summary about all the neat features you have made! Thank You!
Thank you for all your hard work on this!
This is insane 🤯 Thank you!
Merci beaucoup pour ton travail. Thanks for all your video
Thanks for that amazing tool. ❤
I'm amazed at your consistency. thank you for your work
This is a great way to view an overview.
Definitively the best tool, that made me give up Notion, Apple Notes and all the others. Thank you very much Zsolt for that great work! The possibility to link excalidraw drawing that all markdown notes, the flexibility of that tool and its incredible features are really powerful and efficient, if you have patience to learn and master them ! None of the paid tools offer even part of what Obsidian-Excalidraw can do.
An important video to bookmark - thanks Zsolt, brilliant work as usual.
Thanks Tim, probably even more useful is to bookmark the mindmap. I added the timestamps from the video to each of the branches. excalidraw-obsidian.online/Hobbies/Excalidraw+Blog/Excalidraw+2+Million+Downloads+Mega+Showcase
Holy Cow, what an awesome video!
Didnt realize i can embed drawings in my normal Notes.
Not covered in the video, but there are command palette actions that let you create and immediately embed a drawing into your note. Type "Create embed" in the command palette search (CTRL+P).
Congratulations achieving this milestone. You have dedicated lot of effort to keep it on top with your continuous highlight of the many features and the immense possibilities with this plugin. The dual mode is an interesting way to get 2D note and 4D visual note co exist with a seamless switch between the two . I recommend you could consider to do a detailed video to explain this to the larger community.
Thanks for the suggestion. I will think about case study examples to demonstrate 4D in action
This is genius
very incredible addon thans for share with us, i try link to visual elements, every time i do click in the link openme a new tab how can fix this
You can use different modifier key combinations. Go to plugin settings, click "Excalidraw appearance and behavior", then scroll down and select "Link Click and Drag&Drop Modifier Keys", then select "Link click behavior", and under "Open in current window" configure the key combination.
I could write a long note about why the current setting is the way it is... long story short, for the modifier key to work in Excalidraw when clicking an element, it must include the CTRL key...
Happy experimentation!
🤯
This plugin embodies everything I would like. Thank you so much! Could you give me a hint why I don't have an item "Experimental features" in the Options menu ?
You probably did not set up an openai API key
Wow! 🤯
Excalidraw-Obsidian is more OP than vanilla Excalidraw! 💥
Yeah, I build everything into the plugin that I couldn't convince the Excalidraw team to implement :)
Hello Zsolt, thank you so much for your beautiful work! Regarding the auto-save function (on desktop) i wanted to say that every time my drawing is saved (for example every 15 seconds) the text that i write with a stylus is interrupted while the saving process takes place (Windows 11, ASUS ROG Flow x16, microsoft pen). So every 15 seconds one would have to erase a crippled line/letter and write it again. Sorry for bad english, just wanted to mention this, maybe there's a solution. Anyways a fantastic plugin that helps me so much with studying :)
That sounds links a bug as autosave should wait until you are idle and save then. I'll try to replicate and solve... However, under save settings in plugin settings you can set a less frequent autosave. That might help a little
hey, I'm so grateful for all the work you have done with excalidraw in obsidian. I have got a small question: In excalidraw, I use links to navigate between different concept maps made with excalidraw. Right now, when I click on a link, it opens the other excalidraw file in a new tab. How can I change it so that it switches to the other excalidraw file in the same tab instead?
There is a big modifier key overview table in the plugin readme. I recommend reviewing that. github.com/zsviczian/obsidian-excalidraw-plugin
On Mac us the modifier keys SHIFT+CMD when clicking the link. You can change/check the defaults in plugin settings: ua-cam.com/video/P_Q6avJGoWI/v-deo.html
It would have been great if these instructions were linked in each section of the mind map!
I'll deep dive some of these features soon. I took notesn
Good suggestion. I updated the mindmap. Now it includes the links to sections.
excalidraw-obsidian.online/Hobbies/Excalidraw+Blog/Excalidraw+2+Million+Downloads+Mega+Showcase
@@VisualPKM Amazing!!!
3:14 - How do you changed link with block to content?
Hello Zsolt!
Thank you for all your helpful content. I'm crossing my fingers that I'll be able to afford your next workshop. I have a quick question in the meantime.
Do you have any troubleshooting pointers for the following situation? In my Obsidian, my excalidraw drawing save to an SVG file every so often unprompted -- I detect it immediately when I open a different excalidraw drawing. The one I was just working on becomes saved additionally as an SVG.
I hope I described that clearly enough. I looked unsuccessfully for a switch to toggle it off in settings. Thanks for your help.😃
Danielle
In plugin settings go to "Embedding Excalidraw into your Notes and Exporting", then select "Export Settings", then click "Auto-export Settings" and turn off "Auto-export SVG".
If this is turned off, and the event is still happening, then check your drawing's document properties. Do you by any chance have the "excalidraw-autoexport: svg" fronmatter property? if yes, remove it.
If these don't help, then please open an issue on GitHub and share screenshots of your document properties and the mentioned settings section so I can take a look. github.com/zsviczian/obsidian-excalidraw-plugin/issues
@@VisualPKM Thank you 🙏🏼 Zsolt! I can’t tell you how much I appreciate you and the entire PKM community.
Hi, I’ve just discovered this channel. To be honnest, i did not realized the potential of Obsidian when i tried it a few month ago and keep using TheBrain. I see now how powerfull it is. One question however: I’m stuck trying to reproduce what is shown on this video because I do not have the icons on the right (the pizza for example) in the excaliraw windows in Obsidian. I work on IPad. Did I missed someting ?
those are downloaded scripts pinned to the sidebar. see this for more information:
ua-cam.com/video/H8Njp7ZXYag/v-deo.htmlsi=eWdeqO13m9PkAPSY&t=57
Thank you for your answer and amazing work. I found your excalidraw obsidian looking at solutions for mind mapping with students. I tried many things you may know: heptabase, traverse, muse. But nothing as powerful as excalidawbsidian. I’m trying to figure out how it works to be able to use it in teaching context.
Thank you for the wonderful work.
Is it possible to make this feature work on the web version of Excalidraw? 04:58 Link to visual elements.
In Obsidian, the Link works... but it open a new tab and jump to the linked element, is it possible to make it move to the linked element on the same drawing tab?
York need to open a feature request with the exvalidraw.com team. I do not manage the web app.
@@VisualPKM In Obsidian, the Link works... but it open a new tab and jump to the linked element, is it possible to make it move to the linked element on the same drawing tab?
Best regard
I'm a new enthusiast of Obsidian and its main Scalidraw plugin.
I have been watching videos of the enormous possibilities of these tools. I want to know how I can obtain these libraries and functionalities to start with PKM exercises, via my first mental maps, and concept maps. But I need to configure my system with general icon libraries for this purpose and have the most complete configuration of these functionalities.
In my current configuration of the Scalidraw Plugin I do not find these functionalities available, do I have to make a subscription payment to download and activate them?
No subscription is required, dough support on ko-fi.com/zsolt is appreciated. Excalidraw in Obsidian has become pretty complex with lots of settings, scripts and features. I recommend starting with the very basics and building from there. I have lots of content on this channel that shows you how to configure and use different features, plus you can join a Discord community from the plugin's splash screen. The community may be another good place to ask questions. This video might help you get started: ua-cam.com/video/QKnQgSjJVuc/v-deo.html
@@VisualPKM thakns alot
In Excalidraw, I cannot right click an image to get menu options. Every time I do this, it automatically opens the image in a new tab
This is Excalidraw-Obsidian, right?
Are you by any chance in view mode?
Have you modified modifier key settings? ua-cam.com/video/P_Q6avJGoWI/v-deo.html
@@VisualPKM Thanks Zsolt! Yes, in view mode on Obsidian Excalidraw. I saw another video of yours where you mention it is supposed to do that. I looked through the modifiers and did not see one to override this. But found I can use two fingers for right click on Mac instead. Would be good if I could override the ctrl click in the future but not critical.
In Obsidian, the Link works... but it open a new tab and jump to the linked element, is it possible to make it move to the linked element on the same drawing tab?
I don't clearly understand your question... but there is a big modifier key overview table in the plugin readme. I recommend reviewing that. github.com/zsviczian/obsidian-excalidraw-plugin
If I understand you correctly, this is likely the answer:
On Mac us the modifier keys SHIFT+CMD when clicking the link. You can change/check the defaults in plugin settings: ua-cam.com/video/P_Q6avJGoWI/v-deo.html
Hi Zsolt! May I ask if I can export contents from my canvas to exaclidraw?
Export import is theoretically possible, but not implemented. This could be done as an Exvalidraw script.
Ayt, thank you... Just happened to place note cards and mind maps ahead before in Canvas, as I was not versed yet in Excalidraw. Now, I felt like I have to re-do it again. I just wondered if it's possible... 😅
@@YannyKo13 It is certainly possible, I would think it is not even that difficult - only I don't have any motivation to build it since I have nothing in canvas to convert.
@@VisualPKM Hahaha, makes sense! Well, thank you for your response though, I really appreciate it. Loved your contents man! It really changed the way I use Excalidraw in just a week
Thank you Is there any way to turn off spell check when I type in excalidraw? (I turned it off in Obsidian)
not possible at the moment. This would require a feature request. can you open one here so it does not get forgotten? github.com/zsviczian/obsidian-excalidraw-plugin/issues
@@VisualPKM I added my language to spell check and it is partly solved. But I have another problem, I can't scale text paragraph as I do in One Note or Powerpoint, I have to add new line manually to change text block width.
i fix it, i need to wrap it in container ^^
@@khanhhuyen8630 You may want to try the "convert selected text elements to sticky notes" script. This script also comes with settings, you can set the background color and the border color of the sticky note to transparent and thus wrap text without the look & feel of a sticky note.
Pls, is there a compilation for what features are not available for mobile obsidian users?
There isn't. Most features should work on Mobile, apart from those that access Obsidian features not available on mobile:
- drag and drop
- access to the file structure outside of the Vault
- popout windows
... the rest should work.
Whenever I click a text element, and then right-click and choose the 'convert to file...' function, the resulting text of the element becomes tiny and blurry. How can I retain the look and feel of a text element even AFTER having converted it to a file please? Thanks.
I tried it just now. It seems to work as expected on my side. Please open an issue here and include a few screenshots so I understand what you are seeing. github.com/zsviczian/obsidian-excalidraw-plugin/issues
When you convert a text element to a file, the look and feel will inevitably change. The text element will become a markdown embed. The sizing of the embedded element is the standard size, because 1) typically text elements are smaller, thus having the embed resized to that size would render the embed unusable, and 2) because I make the assumption that the reason you are converting it to a file is to edit it and add markdown content to it.
@@VisualPKM But when you drag an existing note to an Excalidraw map, the resulting element IS to my expectations. But if you convert a text element (that does NOT exist as a note yet) to a note, the resuling element is different to how an existing note would appear! I will open open an issue in GitHub. Thanks again!!
@@VisualPKM Thanks, I have opened a new issue in GitHub.
To beyond and infinity
you sound like Tim Cook !!
The link to the mindmap is rejected by my virus scanner which says it contains URL:Blacklist
What virus scanner are you using?
Could it be that your ISP (or corporate IT) depending on where you are trying to access the site from is applying a blanket blocking for .online websites. You can try this link, though this will redirect to the .online address as well. publish.obsidian.md/excalidraw
Not much I can do, you can try accessing the site from a different ISP (e.g. from your phone).
13:49
Please fix the pen interface, the screen cursor is invisible when using a pen tablet, (Wacom). Every other tool displays a cursor, but not the pen. Mouse shows the cursor, but not when using a pen.
go to settings "Excalidraw Appearance and Behavior" and enable "Show (+) crosshair in pen mode.
@@VisualPKM OMG! Thank you so much. AMAZING
# Concept-Oriented Language
#Concept-Oriented Language [[Concept-oriented programming language]]
A point mass extends a geometric point.
A **perceptron pattern** extends a geometric point.
An **automaton** extends the **perceptron**.
A **neuron** extends the **automaton**.
The term “extends” is used to maintain the same structure as OOP class extension. I’ve also used the term “perceptron pattern” to describe how a perceptron operates in a different domain than a geometric point, while still building upon the concept of extension.
## AI Compiler
The LLM, in essence, is a Natural Language Compiler. It will compile down to code that will run completely in memory i.e. RAM, and will rely on typical CPU arithmetic & logic units eliminating the need for custom bare-metal processors.
its a shame that most of these programs dont work with drag and drop from desktop. seems like common sense to me but not for the devs.
oh well.
we will have to wait for someone smart to come along....
What do you mean drag and drop from desktop? It does work...