Editing Layouts, Modifying Colors, and Filtering Tables
Organize diagram layouts, apply visual styling, and implement filtering to create create and insightful database diagrams.
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%.
Sidebar Visibility
Maximize your canvas workspace by showing or hiding the sidebar as needed.
Using the View Menu
- Click View in the top menu bar.
- 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.
Sidebar Filters
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.
Was this page helpful?