Diagram Zoom Drag
by ChenPengyuan
favorite
share
21
1,649
Description

The Diagram Zoom Drag plugin allows you to fully interact with large diagrams in Obsidian, whether they're Mermaid, PlantUML, or Graphviz charts. With this plugin, you can zoom in and out, drag the diagram to reposition it, and even use keyboard shortcuts for easy navigation. The plugin also saves your settings separately for each container, so you won't lose your progress. What's more, the plugin is designed to work seamlessly with various types of diagrams, making it a great addition to Obsidian for anyone who works with visual content.

Latest Version
a month ago
Changelog

What's New

Diagram Support

  • Full support for both Preview and Live Preview modes
  • Consistent behavior and features across both modes

New Features

  • Added context menu for diagram container with options:
    • Export diagram
    • Copy diagram
    • Copy diagram source
      > Note: Export and Copy functions may have issues with some diagrams (known problem with Mehrmaid). Perhaps this will be fixed in the future
  • Improved Fullscreen Experience (#36)
    • Simplified zoom: now works with just mouse wheel (no CTRL needed)
    • Collapsed diagram mode now only displays fullscreen and fold buttons

Settings Panel Overhaul

Diagram/Settings

  • Diagram collapse setting (relocated from other sections)
  • New size adjustment options:
    • Control diagram size in expanded state
    • Control diagram size in collapsed state
      (#36, #26)

Diagram/Management

  • Core functionality preserved:
    • Add new diagram
    • Diagram per page
    • Diagram pagination
    • Users can now enter any valid css selectors they want #36
  • Enhanced pagination features:
    • Enable/disable specific diagrams (disabled ones are ignored by plugin) #36
    • Edit existing diagrams (name and selector)
    • Configure diagram-specific controls (service, zoom, move)
  • Improved user guide:
    • Clearer and more comprehensive instructions

Panels/Settings

Important: This section is not available on mobile devices

  • Hide panels when mouse leaves diagram (relocated)
  • New: Optional button in service panel to hide other panels
  • Removed: "hide panels when mouse leaves them" option

Panels/Management

  • Complete panel layout customization:
    • Enable/disable specific panels (applies globally)
    • Configure panel creation positions
    • Flexible positioning system with mouse and touch support
    • Intuitive drag-and-drop interface for both desktop and mobile devices

About

  • Direct links to:
    • Plugin repository
    • Feedback submission
README file from
Similar Plugins
info
• Similar plugins are suggested based on the common tags between the plugins.