GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → michaschwab → Easypz

michaschwab / Easypz

Easy Pan and Zoom JS Library

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Labels

visualizationd3zoompan

Projects that are alternatives of or similar to Easypz

Panzoom
A library for panning and zooming elements using CSS transforms 🔍
Stars: ✭ 1,593 (+1174.4%)
Mutual labels:  zoom, pan
ZoomMarker
A jQuery plugin for scrolling and zooming in and out of the image
Stars: ✭ 81 (-35.2%)
Mutual labels:  pan, zoom
svg-pan-zoom-container
A vanilla-js module for adding zoom-on-wheel and pan-on-drag behavior to inline SVG elements.
Stars: ✭ 31 (-75.2%)
Mutual labels:  pan, zoom
Panandzoom
Pan and zoom control for Avalonia.
Stars: ✭ 159 (+27.2%)
Mutual labels:  zoom, pan
React Prismazoom
A pan and zoom component for React, using CSS transformations.
Stars: ✭ 29 (-76.8%)
Mutual labels:  zoom, pan
react-easy-panzoom
Wrapper to enable pan and zoom features for any React component
Stars: ✭ 69 (-44.8%)
Mutual labels:  pan, zoom
core
Renderer for tldraw and maybe you, too.
Stars: ✭ 418 (+234.4%)
Mutual labels:  pan, zoom
Flutter advanced networkimage
flutter advanced network image provider
Stars: ✭ 282 (+125.6%)
Mutual labels:  zoom, pan
React Svg Pan Zoom
👀 A React component that adds pan and zoom features to SVG
Stars: ✭ 569 (+355.2%)
Mutual labels:  zoom, pan
Chartjs Plugin Zoom
Zoom and pan plugin for Chart.js
Stars: ✭ 404 (+223.2%)
Mutual labels:  zoom, pan
Panzoom
Universal pan and zoom library (DOM, SVG, Custom)
Stars: ✭ 1,003 (+702.4%)
Mutual labels:  zoom, pan
React Pan Zoom
Generic html wrapper for pan and zoom feature for react canvas like components
Stars: ✭ 31 (-75.2%)
Mutual labels:  zoom, pan
Tileview
TileView is a subclass of android.view.ViewGroup that asynchronously displays, pans and zooms tile-based images. Plugins are available for features like markers, hotspots, and path drawing.
Stars: ✭ 1,447 (+1057.6%)
Mutual labels:  zoom, pan
Stockflux
StockFlux is a desktop application developed by Scott Logic that uses the OpenFin HTML5 container together with React, Redux, ES2015 and d3fc
Stars: ✭ 112 (-10.4%)
Mutual labels:  d3
Plotly.net
.NET interface for plotly.js written in F# 📈
Stars: ✭ 119 (-4.8%)
Mutual labels:  d3
Zooming
🔍 Image zoom that makes sense.
Stars: ✭ 1,538 (+1130.4%)
Mutual labels:  zoom
Xzoom
jQuery Zoom Gallery plugin
Stars: ✭ 120 (-4%)
Mutual labels:  zoom
Timeline Lwc
An interactive timeline for the Salesforce platform.
Stars: ✭ 116 (-7.2%)
Mutual labels:  d3
Awesome Frontendmasters
📚 List of awesome frontendmasters course resources
Stars: ✭ 110 (-12%)
Mutual labels:  d3
Planetary.js
🌎 Awesome interactive globes for the web
Stars: ✭ 1,545 (+1136%)
Mutual labels:  d3
View All Similar Projects ➔

EasyPZ

Use this Javascript library to make your web visualization interactive via pan and zoom, for mobile and desktop!

EasyPZ supports many interactions for panning and zooming, including wheel, pinch, double click, hold, brush, rub, and dynamic zoom, panning methods including default, flick, and many variations.

Many examples can be found at easypz.io, including examples using d3, and examples that use canvas instead of SVG. Examples from the d3 gallery that just magically turn into navigatable visualizations without a single line of code can be found at demos.easypz.io.

Instructions on how to use EasyPZ, explanations for the many options, as well as how to extend EasyPZ with your own pan or zoom method, can be found in the Wiki!

Changelog

1.1.10

  • Improve detection of preexisting transformations and reduce error logs.

1.1.9

  • Add the removeHostListeners method to allow removing EasyPZ's event listeners.

1.1.8

  • Allow passing easypz settings via the new data-easypz attribute to be more W3C compliant.

1.1.7

  • Basic support for rotate, skewX and skewY, and two different scales for X and Y.
  • Add a new zoom method: shift drag zoom.

1.1.5

  • Allowed switching between mouse- and touch-based interactions on hybrid devices.

1.1.3

  • EasyPZ instances now check if new modes of pan and zoom are available when settings change.

1.1.2

  • Allowed disabling EasyPZ by setting the enabled modes to an empty list.

1.1.1

  • Added a .setSettings method to EasyPZ to allow changing settings.
  • Changes in the settings set via HTML are now detected and applied to EasyPZ using the .setSettings method.
  • Increased the frequency of the settings observation from 2s to 0.5s.

1.1.0

  • Made the default functionality to be applyTransformTo: "svg > *" for when the easypz attribute is not set.

Known Issues

Currently none.

Licence

ISC License (ISC)

Copyright 2019 Michail Schwab

Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].