As the tables are rendered in Preview as fixed size and cannot be resized, the texts are either truncated or are one on top of other if the column name or the table name is long.

Please add Table Resize / Autosize

Hi,

Thanks for all your hard work! I don't have an issue with the visualizer, but rather I have an issue with info in the readme file. It took me way too long to find this extension on VS Code marketplace, so it should be mentioned where to find it: https://marketplace.visualstudio.com/items?itemName=bocovo.dbml-erd-visualizer

What's wrong

Plugin behaves weird if there is similar table names in different schema.
Tables are underplayed each other.
You can see two tables by dragging table on canvas. Both tables will be visible until you release MLB and don't move cursor.
If MLB released and cursor has been moved then one table disappears.
Then you can repeat above exercise as many times as you want.
Auto-arrange doesn't help at all.

Expected behaviour

To see all objects from all schemas. The same name in different schemas should not affect any process.

How to reproduce:

Actions are decribed above.

Here is the code.

table stage.test {
  field1 integer
}

table core.test {
  field2 integer
}

Is there any way to control the size of table blocks in preview? We have a table with column email_verified_at of type timestamp and both words are overlapping making them unreadable. Column is just not wide enough.

Hi @BOCOVO

Thanks for the quick turnaround on my initial issue (RE: Table names being truncated).

I was wondering if the full dbml specification has been implemented within this extention or just it just cater for a subset?

• https://dbml.dbdiagram.io/docs

I see that column notes work, however when trying out other items, I can't seem to get that working.

• Sticky Notes
• TableGroup
• Table Notes

Apologies if this has been documented somewhere, please feel free to point me to the docs just in case I missed it.

Regards
Rennie

Hey 👋 ,
First thanks for this great tool 🙏🏻.
Can you please add the ability to store somewhere the positions of each table (for example in a layout.json so we can load on each diagram)
Thanks in advance.

Insignificant but it caught my eye since it's front and center. The DBML preview window tab says "DBLM Diagram Preview".

Simple fix to two lines in packages/dbml-vs-code-extension/extension/constants/index.ts

Thanks so much for this extension. It's excellent!

One request would be to give some configurability over the mouse hover highlighting. One or more of:

• ability to disable it entirely
• ability to change colors of highlight under pointer
• ability to change colors of highlight of PK/FK refs

I will use this as a teaching tool. Currently the highlighting is a bit distracting/confusing as I move my mouse around to describe model features, especially in dark mode.

Hello! Thank you for this plugin!
Could you please set the table's color according to table settings (https://dbml.dbdiagram.io/docs/#table-settings)?

Table users [headercolor: #3498DB] {
    id integer [primary key]
    username varchar(255) [not null, unique]
}

It's also would be nice to save position of existing tables on canvas)

Describe the bug
When adding a table name that is longer than the (ColumnName + DataType), the full table name does NOT get shown.

To Reproduce
Steps to reproduce the behavior:

1. Create a .dbml file.
2. Add the following DBML content to that file.
3. Table dbo.tb_FairlyLongTableName { TestID INT Name NVARCHAR(100) Value NVARCHAR(300) CreatedDate DATETIME ModifiedDate DATETIME }
4. Preview using the extension.

Expected behavior
To see the full table name.

Screenshots

Desktop (please complete the following information):

• VSCode on windows.
• Version [0.3.2] of the extension.

Hi @BOCOVO

At present, we use DBML to document our Star-Schema model for communication between Data Engineers, Data Analytics and Business Owners. Therefore, our table usually contains many columns (up-to 100) and the table height is really high (cannot fit into the screen in a readable scale).
So, it would be nice if we can collapse/expand the table definition in the visualization to improve the overview capacity (keep visualizing table and reference columns - or just the table)

Features:

• Add a button on table header to toggle between Full/Compact (Optional)/Header Only mode.
• Table Layout could be adjusted when switching between 3 modes (Optional)

Overview

The current implementation of table default position computation relies on a basic and static positioning algorithm. This often leads to suboptimal layouts, particularly as the complexity and size of data tables increase. To improve the visual organization and usability of the tables, we propose integrating Eclipse Layout Kernel (ELK) algorithms into our position computing system.

Objectives

1. Improve Layout Efficiency: Utilize ELK’s sophisticated algorithms to generate more efficient and visually appealing table layouts.
2. Enhanced Readability: Increase the readability of tables by reducing overlap and improving the spatial distribution of elements.

Ressources

• ELK provides various layout algorithms that can automatically optimize the positioning of table elements, reducing manual adjustments.

Plugin is installed but buttons for preview are not showing up