d3-multiaxis-zoom

d3 plugin to allow zooming along multiple axes

Usage no npm install needed!

<script type="module">
  import d3MultiaxisZoom from 'https://cdn.skypack.dev/d3-multiaxis-zoom';
</script>

README

d3-multiaxis-zoom

d3 plugin to zoom along multiple axes independently

zooming example

zooming behaves normally until modifier keys are applied.

  • meta + zoom zooms only along the Y axis (⌘ on osx)
  • alt + zoom zooms only along the X axis

Usage

Script Tag:


<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="../path/to/d3-multiaxis-zoom.js"></script>
<script type="text/javascript">
    
    // Apply to plugin
    d3_multiaxis_zoom(d3);

    // now all d3.behavior.zoom instances will be modified with this plugin

</script>

Browserify:

var d3 = require('d3');
require('d3-multiaxis-zoom')(d3); // apply the plugin

License

MIT