Docsify Mermaid Zoom

screenshot of Docsify Mermaid Zoom
docsify
vite

A simple Docsify plugin enabling zoom in mermaid diagrams

Overview

The Docsify-mermaid-zoom plugin is a fantastic tool designed for anyone who frequently utilizes mermaid diagrams within their Docsify projects. With the ability to zoom in on diagrams, this plugin enhances the user experience by allowing for clearer visibility and better interaction with complex visual data. It's particularly useful for presentations or documentation where detail is crucial.

By integrating this plugin, users can easily configure their zoom settings, resulting in a customizable experience that caters to individual preferences. The ability to double-click for zoom and reset it when leaving the viewport adds to the simplicity and efficiency of this tool.

Features

  • Zoom Functionality: Activate zoom on mermaid diagrams with a simple click of a button or by double-clicking on the diagram itself.
  • Reset Zoom Option: Easily return to the original scale with a second button in the zoom panel, ensuring you can always view your diagrams as intended.
  • Customizable Scale: Configure both minimum and maximum zoom levels to suit specific needs, enhancing the flexibility of how diagrams are displayed.
  • Panel Control: The zoom panel can be disabled if a cleaner interface is desired, while still allowing double click zooming.
  • User-Friendly Interface: The panel design is straightforward, making it quick and easy for users to interact with their diagrams.
  • Open Source Contribution: Actively encourages community contributions, allowing users to participate in enhancing the plugin with their feedback and suggestions.
docsify
Docsify

Docsify generates your documentation website on the fly. Unlike GitBook, it does not generate static html files. Instead, it smartly loads and parses your Markdown files and displays them as a website. To start using it, all you need to do is create an index.html and deploy it on GitHub Pages.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects