Add pan and zoom - Githubissues

justincy / signs-of-the-second-coming

Exploring the order of the signs of the Second Coming of Christ as mentioned in scripture

https://www.greatdayofthelord.org/

1 stars 0 forks source link

Add pan and zoom #4

Closed justincy closed 5 years ago

justincy commented 5 years ago

The chart is too big. Regular browser page scrolling isn't the best experience because you only get one dimension at a time, and there's no easy way to zoom.

justincy commented 5 years ago

Be sure to set a default position and zoom level.

justincy commented 5 years ago

Library options:

https://github.com/anvaka/panzoom (doesn't appear to allow for controls because there's no API)
https://github.com/ariutta/svg-pan-zoom (comes with built-in controls; can they be styled and positioned?)
https://easypz.io/ (doesn't appear to allow for controls)

justincy commented 5 years ago

I'm going with svg-pan-zoom. In addition to built-in controls, it has an API so I could build my own controls. I just need to figure out how to get the SVG to render in the center (instead of the top left) and tweak settings for ideal min/max.