Gerard BraadCreated a small script to turn MermaidJS mindmap syntax into #Excalidraw drawings
Still busy as I am not happy yet with the arrows/connections (arrows arte for debug, really want more organic like shapes)
Doug WebbAdvice wanted: I want to create a diagram, specifically a statechart, with specific node layout and automatic edge placement.
#Mermaid is nice, but autolayout is nasty. #plantUML is powerful, but has some showstopper issues (can't link to concurrent states).
I will probably use #excalidraw to get something good, but I'm still interested in programmatic layout. There is #d3, #cytoscape, #svelteflow, #jointjs and surely others. Do you have thoughts?
Published my #Excalidraw Whiteboard application. I use this a lot with #Nextcloud to open whiteboard drawings, ...
This does not rely on the PWA, so you are in control of the version that is used. I have been in situations that the browser was cleared, or had updated to an incomplete/non-working version due to cache.
This works!
https://github.com/gbraad-apps/whiteboard-android
Created an offline/Android application to open Excalidraw drawings. Sure, I could have used the PWA, but that means you get an update from the browser and I had situations this broke.
Now it is easy for me to take my drawing synced from NextCloud with me, and edit or add new ones with confidence.
Qiita - 人気の記事【Obsidian】作図が簡単にできるプラグイン「Excalidraw」の紹介
https://qiita.com/shibuya-ys/items/fb94b54ef5f9a7df59fc?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
Daniel Terhorst-NorthTIL: #VSCode's source control diff tool shows side-by-side 'before' and 'after' #Excalidraw diagrams. That's just gorgeous.
Damián González FernándezHe descubierto #Excalidraw buscando una herramienta de código abierto con la que crear diagramas para los README.md que voy metiendo en en repo de #pico8 y me encanta. Lo he usado para meter cositas sobre colisiones AABB, una pequeña introducción al movimiento de cámara. Por ejemplo:
https://codeberg.org/deimian86/pico8_exercises/src/branch/main/src/07_collision_basic
GripNews🌘 我是如何管理部落格圖片的
➤ 從繁瑣的手動匯出到流暢的自動化工作流
✤ https://blog.lysk.tech/excalidraw-frame-export/
作者分享了他如何解決部落格繪圖工作流中繁瑣的手動匯出問題。最初，他嘗試透過 GitHub Actions 自動將 Excalidraw 檔案轉換為 SVG，但因本地無法預覽及開發體驗不佳而作罷。最終，他透過修改 Excalidraw 的 VSCode 擴充功能，實現了「即時自動匯出」機制：只需在 Excalidraw 中為選定元素加上命名為 `export_` 開頭的框架，工具便會自動將其同步匯出為亮色與深色模式的 SVG。這種方式不僅提升了創作效率，更讓作者能即時在部落格中預覽圖表成果。
+ 這太實用了！以前手動處理 dark mode 的圖片總是非常挫折，現在有了自動化匯出，寫技術文章的動力都變強了。
+ 雖然這解決了作者的問題，但如果不打算合併回官方擴充套件，長期維護一個 fork 版本可能會有些累人，建議還是開個 Issue 給官方參考。
#部落格 #Excalidraw #VSCode #自動化工具
➤ 從繁瑣的手動匯出到流暢的自動化工作流
✤ https://blog.lysk.tech/excalidraw-frame-export/
作者分享了他如何解決部落格繪圖工作流中繁瑣的手動匯出問題。最初，他嘗試透過 GitHub Actions 自動將 Excalidraw 檔案轉換為 SVG，但因本地無法預覽及開發體驗不佳而作罷。最終，他透過修改 Excalidraw 的 VSCode 擴充功能，實現了「即時自動匯出」機制：只需在 Excalidraw 中為選定元素加上命名為 `export_` 開頭的框架，工具便會自動將其同步匯出為亮色與深色模式的 SVG。這種方式不僅提升了創作效率，更讓作者能即時在部落格中預覽圖表成果。
+ 這太實用了！以前手動處理 dark mode 的圖片總是非常挫折，現在有了自動化匯出，寫技術文章的動力都變強了。
+ 雖然這解決了作者的問題，但如果不打算合併回官方擴充套件，長期維護一個 fork 版本可能會有些累人，建議還是開個 Issue 給官方參考。
#部落格 #Excalidraw #VSCode #自動化工具
N-gated Hacker News🚨 ALERT: #Blogger discovers #Excalidraw for diagramming! 🚨 In a radical breakthrough, our hero martylsk finally figures out that #doodling can accompany words on a blog. Truly, a revelation worthy of 2026! 🧙♂️✨ Who knew that a stylus could replace his quill? 🙄
https://blog.lysk.tech/excalidraw-frame-export/ #Diagramming #Innovation #HackerNews #ngated
https://blog.lysk.tech/excalidraw-frame-export/ #Diagramming #Innovation #HackerNews #ngated
Hacker NewsI use excalidraw to manage my diagrams for my blog
https://blog.lysk.tech/excalidraw-frame-export/
#HackerNews #excalidraw #diagrams #blog #management #visualtools #creativity