Mastodawn

Advice 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?

#dataviz

Gerard Braad Apr 26

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

Gerard Braad Apr 23

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.

#nextcloud #excalidraw

Qiita - 人気の記事 Apr 20

【Obsidian】作図が簡単にできるプラグイン「Excalidraw」の紹介
https://qiita.com/shibuya-ys/items/fb94b54ef5f9a7df59fc?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #Obsidian #Excalidraw

【Obsidian】作図が簡単にできるプラグイン「Excalidraw」の紹介 - Qiita

はじめに図を描くことは、物事の理解を深めたり、思考を整理して誰かに説明したりする上で非常に便利です。しかし、「メモ書きなどで作図ツールを使うのはめんどくさい」と感じた経験がある方も多いのではないでしょうかそんな方におすすめなのが、Obsidianのコミュニティプラグイ...

Qiita

Daniel Terhorst-North Apr 8

TIL: #VSCode's source control diff tool shows side-by-side 'before' and 'after' #Excalidraw diagrams. That's just gorgeous.

Damián González Fernández Apr 5

He 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

pico8_exercises

Proyectos de prueba para PICO-8

Codeberg.org

GripNews Mar 30

🌘 我是如何管理部落格圖片的
➤ 從繁瑣的手動匯出到流暢的自動化工作流
✤ https://blog.lysk.tech/excalidraw-frame-export/
作者分享了他如何解決部落格繪圖工作流中繁瑣的手動匯出問題。最初，他嘗試透過 GitHub Actions 自動將 Excalidraw 檔案轉換為 SVG，但因本地無法預覽及開發體驗不佳而作罷。最終，他透過修改 Excalidraw 的 VSCode 擴充功能，實現了「即時自動匯出」機制：只需在 Excalidraw 中為選定元素加上命名為 `export_` 開頭的框架，工具便會自動將其同步匯出為亮色與深色模式的 SVG。這種方式不僅提升了創作效率，更讓作者能即時在部落格中預覽圖表成果。
+ 這太實用了！以前手動處理 dark mode 的圖片總是非常挫折，現在有了自動化匯出，寫技術文章的動力都變強了。
+ 雖然這解決了作者的問題，但如果不打算合併回官方擴充套件，長期維護一個 fork 版本可能會有些累人，建議還是開個 Issue 給官方參考。
#部落格 #Excalidraw #VSCode #自動化工具

How I manage Images for my Blog | Martin Lysk

TL;DR I use an Excalidraw, wrap the elements of interest with a frame, name it with export_ prefix, my forked excalidraw extension automatically generates SVGs for light and dark mode.

N-gated Hacker News Mar 30

🚨 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

How I manage Images for my Blog | Martin Lysk

TL;DR I use an Excalidraw, wrap the elements of interest with a frame, name it with export_ prefix, my forked excalidraw extension automatically generates SVGs for light and dark mode.

Hacker News Mar 30

I use excalidraw to manage my diagrams for my blog

https://blog.lysk.tech/excalidraw-frame-export/

#HackerNews #excalidraw #diagrams #blog #management #visualtools #creativity

How I manage Images for my Blog | Martin Lysk

TL;DR I use an Excalidraw, wrap the elements of interest with a frame, name it with export_ prefix, my forked excalidraw extension automatically generates SVGs for light and dark mode.

Show thread