Mermaid diagrams on GitHub should be zoomable and scrollable.

[polina-c]

Description

This is example of diagram that would be much easier to read, if it was zoomable and scrollable: https://github.com/polina-c/flutter/blob/diagrams/packages/flutter/lib/src/foundation/DEPENDENCIES.md

Steps to reproduce

Screenshots

No response

Code Sample

No response

Setup

No response

Additional Context

No response

[ghost]

Hi polina-c.

This is example of diagram that would be much easier to read, it it was zoomable and scrollable: https://github.com/polina-c/flutter/blob/diagrams/packages/flutter/lib/src/foundation/DEPENDENCIES.md

great idea. So I will try to help this issue with a prototype. So before... please see this andersdjohnson/magnificent.js/examples/demo or this cotton123236/zoomist/index

concept

question/feedback

• What do you think of this idea?
• What do you think of this screen prototype for zoom in mermaid-js?
• Is this idea good or bad?

[polina-c]

I like it! Thank you.

[ghost]

Hi polina-c.

I like it! Thank you.

thank you for feedback here.

[polina-c]

I do not see scroll bars on the image. Will they show up if diagram stops fitting the screen?

[ghost]

Hi polina-c.

I do not see scroll bars on the image. Will they show up if diagram stops fitting the screen?

yes.

[jgreywolf]

This is not something that is currently able to be done via mermaid, and would need to be done outside of the library, such as how the live editor is working now

https://mermaid.live/