Reorder Diagram

Automatically reorganize your diagram for optimal readability.

Snap to Grid

Align tables precisely to a grid for a cleaner diagram.

Overlap Highlighting

Instantly identify and resolve table overlaps.

Zoom Controls

Navigate your diagram with zoom in, zoom out, show all, and 100% zoom options.

Sidebar Visibility

Show or hide the sidebar to maximize your canvas workspace.

Table Colors

Customize table colors to visually group and highlight elements in your diagram.

Filters

Filter the table list in the sidebar to easily find specific tables.

​
Reorder Diagram

The Reorder Diagram button helps you automatically arrange tables in your diagram based on their relationships, optimizing for visibility. Use this feature to quickly structure your diagram after adding or moving tables.

Click the Reorder Diagram Button

Click the Reorder Diagram button in the top-left toolbar of the canvas.

Confirm Reordering

In the confirmation dialog, click Reorder to proceed. ChartDB will intelligently rearrange your tables.

​
Snap to Grid

The Snap to Grid feature ensures tables align to a grid, creating a more organized and visually consistent diagram. Click the Snap to Grid button in the toolbar to enable or disable grid snapping. When enabled, the button is highlighted, and dragging tables will automatically snap them to the grid. To temporarily snap tables to the grid while the feature is disabled, hold down the Shift key while dragging.

​
Overlap Highlighting

Overlap Highlighting helps you identify tables that are overlapping in your diagram. The button will automatically appear when at least two tables are overlapping. Clicking the Overlap Highlighting button will navigate you to the area of the diagram where the overlap occurs, allowing you to manually resolve the overlap or use the Reorder Diagram feature.

​
Zoom Controls

ChartDB provides intuitive zoom controls at the bottom center of the canvas to navigate your diagram effectively.

Show All Tables

Click the Show All button to fit the entire diagram within the viewport.Shortcut: Use Command + 0.

Zoom In and Out

Use the Zoom In and Zoom Out buttons for incremental zoom adjustments.

Zoom to 100%

Click the zoom level indicator (e.g., 66%) to reset the zoom level to 100%.
Maximize your canvas workspace by showing or hiding the sidebar as needed.

Using the View Menu

  1. Click View in the top menu bar.
  2. Select Hide Sidebar or Show Sidebar to toggle visibility.

Using Keyboard Shortcut

Use the shortcut Command + B to quickly toggle the sidebar’s visibility.

​
Table Colors

Customize table colors to visually organize and highlight elements within your database diagram.

Select a Table

Click on the table on the canvas or select it from the sidebar.

Access Color Picker

In the sidebar, within the table details, locate and open the color picker control.

Choose a Color

Select your desired color from the color picker. The table color will update in real-time.
Use color to visually group related tables or highlight key entities for better diagram comprehension.
Filter the table list in the sidebar to quickly locate and manage specific tables, especially in large database schemas.
Filtering in ChartDB currently only affects the table list in the sidebar. It does not filter tables directly on the canvas diagram.

Open Filter Input

Click into the Filter tables input field at the top of the sidebar. Shortcut: Command + F

Enter Filter Term

Type your filter term into the input field. The sidebar table list will dynamically update to show matching tables. Delete the text in the filter input to clear the filter and show all tables again.