https://discord.com/channels/1039184639652265985/1039185315685998693/1090204837704106034

Presently the d2 Obsidian plugin seems to only function with *nix platforms due to the "env" path delimiter being hardcoded to ":"

This can be easily fixed by using Node's path.delimiter variable.

It's possible to specify fonts as input to D2 via the CLI arguments:

• --font-regular
• --font-italic
• --font-bold

It would be very nice, if I could use the same from within Obsidian, since the default font d2 uses is very ugly.

I'm grateful for d2 in Obsidian, as it makes more sense and is easier to use than mermaid--thanks for creating this!

One drawback I'm finding is that the output is very large:

Are there parameters I should tweak to make this a more reasonably sized two-box graph?

A diagram containing only a few elements is zoomed in quite a lot so that the diagram width fits the available reading width. Once the diagram gets larger the elements seem to get smaller because the zoom level changes to fit everything into the canvas. This is absolutely unpractical because I need the element sizes to be visually consistent across a document. For example, if I have only one package in the first diagram and I want to show the relations to other packages in the second diagram the elements will have different sizes.

Here's PlantUML for comparison:

I realise that this is a big ask, but the current plugin is really just a wrapper for a command line application. It would be great if it was a JS plugin that worked out of the box and worked on mobile devices too. I think there would be broader benefits to D2 as well.

I see this very often when working with files containing more but one diagram which is simultaneously displayed on screen. Sometimes it helps to switch into code view and back to make it render correctly, sometimes I have to re-open obisidian.

Currently as diagrams get larger their content can quickly become to small to easily read. It would be awesome to have diagrams become scrollable and potentially zoomable within the note itself once they've reached a certain size, allowing for effectively infinitely large diagrams.

The plugin does not support image zooming or grabbing and moving the image around. This makes the plugin almost unusable as large diagrams result in them being unreadable.

block:||ts
//This is a code block that should be formatted right
||

Rendered in Obsidian D2

play.d2

d2 cli w/ tala

#11

Hi, thanks for developing this!

I have problems finding the plugin among the Obsidian community plugins though, inside obsidian as well as on the web page:

Inside Obsidian:

Webpage:

Add syntax highlighting in code mode:

Hello,

Thanks for this plugin. I'm testing it in a cross-stack context : obsidian to create content, and mkdocs to build and publish content.
the mkdocs part is stable and working, but in obsidian I'm still missing the possibility to edit .d2 files, not just add d2 in markdown files.

Could this be handled?

Thanks!

installation stuff. path stuff.

Please update this to remove the need for a local D2, which doesn't appear possible on my iOS devices. Can't sync my notes with my iPad or iPhone because D2 plugin doesn't function on iOS

When I create a diagram in a note, I have no way to control how big the resulting image is in the note, and the default is currently way too large.

Maybe allow a max-height or scale property to provide user control

The theme should be selectable on a per-diagram basis, e.g. by adding a preamble to the d2 code block which contains the settings and is then removed by the plugin before forwarding it to d2.

Hi, first of all thanks for this great plugin and diagram tool!

I am using this plugin in my notebook and I am trying to center the diagram generated instead of left aligning. I found that there is a --center flag for this in the compiler, but the plugin doesn't provide a way to pass arguments to the compiler. Would it be possible to allow users to pass arguments? Thank you.

I would like this to be centered intead of being left aligned.

Hey there,

i want to set my Themes in Obsidian to dark. Sadly i have not found any setting for this in the Plugin's Settings. Is there a way to override it or to add such an option?

Thanks!

Hey, thank you for developing this plug-in!!
Have you planned to integrate obsidian links into the diagrams?

I currently use mermaid, what is great but integrating obsidian links is cumbersome and the layout options are more limited.
Having fast internal link options to integrate with diagrams would open up new workflows currently not possible, at least for me.
Best regards!

Any idea how one would get this running locally on an ipad? I currently write docs in bed at night with mermaid and obsidian, and would love to switch over to D2. Any way I can help let me know. Will start looking for ways to contribute tomorrow. Thanks for all of y'alls work.

• Previously had D2 installed with Obsidian & was working
• Tried updating D2 because I wanted to see whether the position/dimension sync feature worked in the Obsidian pugin
• Failed to update
• Tried uninstalling and reinstalling; failed to install
• Tried restarting; no difference
• Other plugins are working (2 other plugins updated fine)

Screenshots

Is it possible to scale a diagram within Obsidian?

Generated diagrams can span multiple pages when exporting to PDF. It would be nice to have the ability to scale diagrams similar to the way Obsidian scales images.

instead of just homebrew install place

When rendering a simple diagram I get a lot of extra space below the diagram. I can see that the actual rendered image has the expected height. The extra spacing must come from the plugin.

Flatpak is a package manager that installs applications in a sandbox, which is great for developers as they can package their applications with their dependencies without having them missing or conflicting with the dependencies of other applications but for extensions it may be painful as there is no way for users to install d2 package inside the sandbox. Even tho it is possible to share directories with the sandbox, common binary locations like /bin or /usr/bin are blacklisted and cannot be shared from the host to the sandbox.

The solution would be to use flatpak-spawn and run flatpak spawn --host /usr/bin/d2 within the sandbox instead of plain d2, it would be nice if this plugin allowed in the settings to provide a custom executable instead of just the path. Looking at the code I didn't found any way to do that currently, but it could be achieved.

Workaround

In the meantime I copied the d2 executable into the sandbox with this command, however it will get removed the next time Obsidian gets updated.

sudo move /usr/bin/d2 /var/lib/flatpak/app/md.obsidian.Obsidian/current/active/files/bin

https://discord.com/channels/1039184639652265985/1039185315685998693/1050768272431271937

Steps

1. create x.d2
   x: {
   shape: circle
   }

2. create x.md
   ```d2
   ...@x
   ```

Expected:

x.md preview renders circle with x
(see behaviour of VS Code plugin, open same files in VS Code and preview x.md)

Actual:

error

D2 Compilation Error:
err: failed to compile -: -:1:1: failed to import "x.d2": open x.d2: no such file or directory

Environment

(btw: i'm also using Unitade plugin to edit .d2 files directly in Obsidian)

Obsidian 1.4.14

• D2 plugin 1.1.4
• Unitade 1.0.2

macOS Sonoma 14.1.2

VS Code 1.84

• D2 plugin 0.8.8

Is there a chance the plugin is not yet actually reading/consuming the path to the executable? I have it installed via ObsidianBRAT and am having the following experience:

Here is the path to my d2 installation on my Mac:

And here's the setting as defined in the d2-obsidian plugin settings:

Obsidian Insider version 1.1.6, MacOS Ventura 13.1