Comments (4)
So currently updating axes + moving stuff on it works. But, problem here that we always need to re-draw the objects. Would be nice to just take what is already on the plot and zoom in. In the examples under the link they employ d3.zoom(), but it needs as event updateChart, which is similar to what I use as well. So I am not sure if employing d3.zoom an sich helps at all here...
from animlib.
Well, we do need to employ the zooming layout as in the link. We need clipping for stuff falling outside the plot area. Further, the zoom effect does not look all too convincing as it is now.
from animlib.
This seems to be a tricky deal. So far in bc20fd3 we have a trial version version where mouse wheel zoom on a scatter plot works as expected, and we can to elementary programmatic zoom. Problem, however, is that programmatic zooming is till all over the place. It seems that current version of d3-zoom does not handle this very well (see d3-zoom issue 48). There is a viable alternative in the form of external library that adds support for separating axis scales (here), see examples this and this. Might be the best approach to try this as d3-zoom v2.0 is still on its way.
from animlib.
Proposed solution in 1b54527; using xyzoom.js.
from animlib.
Related Issues (20)
- Finish mwe_zooms HOT 1
- Selections into AnimObject scope
- Proper way to include third-party plugins HOT 1
- Rename Canvas() to Bgsvg()
- Make sure y-axis scaleTime works
- attrFix and attrVar in AnimObject HOT 1
- pos in AnimObject HOT 1
- Animobject Draw() HOT 1
- Check that binding AnimObject to another AnimObject works HOT 1
- Remove redundancy with LineFunction HOT 2
- Make Svg() have ranges HOT 1
- Add clip area to svgs HOT 2
- Exit/enter for plot Scatter and Line
- New data on zoomed axes use non-zoomed scales
- AnimObject definition HOT 3
- Is Shape class redundant?
- Separate scatter, bar and line objects from plot as their own AnimObject HOT 8
- Arrow/Path with svg paths
- Go through Draw/Update parameters and their updates
- Position to NaN by default HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from animlib.