Check that current zoom (re-scaling axes) work as to zoom in a plot. See examples here:

• https://www.d3-graph-gallery.com/graph/interactivity_zoom.html
• https://observablehq.com/@d3/programmatic-zoom (nice zoom without axes)
• https://bl.ocks.org/mbostock/7ec977c95910dd026812 (zoom with axes)
• https://www.datamake.io/blog/d3-zoom (full tutorial)
• geometric zooming vs semantic zooming
• zooming programmatically: here, and here.

All methods bound to an AnimObject are global selection: d3.select(..). This is unwanted -> better to have selection in the coresponding AnimObject scope to avoid removing objects by accident. Further, it is redundant to have a global selection bound to each AnimObject. This deals with objects bound to AnimObject.

Correction would look something like this:
d3.select("#myanimobject).select("#objectid")

AnimObject is a group bound to either bgsvg or another AnimObject. It has a unique ID. Within AnimObject class the group can be referenced via this.ao.

There are two attribute objects attached to AnimObject: attrVar and attrFix.

attrVar: updateable attributes:

• General
  • pos
  • opacity
  • scale
  • data
• Inner space related
  • xRange
  • yRange
  • xDomain
  • yDomain
  • xScale
  • yScale
  • xScaleType
  • yScaleType

Could we just move stuff from here to AnimObject altogether?

Implement additional text transitions:

• Slide: http://bl.ocks.org/jdittmar/7800481
• As-typed: https://stackoverflow.com/questions/44147526/how-do-i-update-text-content-in-d3-js-using-tween-function

Position by transform should be set to NaN/None by default. Then only if position is determined will transform take place. If not, then position is not changed by transformation, allowing those objects that don't need it to be called upon like the rest, without disabling the position transform explicitly.

Should take care of opacity, and move in stuff.

From commit 298dde6 onwards: weird truncating behavior when zooming svg and rescaling axes on the svg. Original line on the axes gets truncated, although a new line drawn on the axes after re-scaling appears just fine.

See bugs/bug_zoom1.html.

This was left on hold due to bugs #6 and #7. Complete those first.

In b3a7e65: see mwe_plot. Multiple line object cannot be updated with the axes. This is curable with a simple loop, however there is a deeper problem how info of multiple line objects are stored under the plot. Now it assumes that plot can have only one line data stored to ; this needs to be changed also. So far done for line and scatter, need to still update for

• histogram
• bar

We could probably merge different plot object update functions (e.g. _UpdateScatterParams) into one.

Embedding svgs within svg offers possibility to zoom out certain block. However, one cannot continue drawing from the resized canvas to another. Would be nice to be able to zoom out "active" canvas so that we can continue drawing "as is" after zoom-out.

Should have xRange and yRange instead of width and height. This ought to come automatically when AnimObject gets ranges.

Capability of transforming text snippet into another via some sort of animation. E.g. "cat" -> "dog".

Change position pos s.t. updates are passed into Update() and then attrVar.pos changes.

How to make a proper (dynamic) reference to third-party projects, e.g. d3-xyzoom.

Combine MoveScatter to DrawScatter with enter/update/exit logic (and same for line).

https://observablehq.com/@d3/selection-join
https://medium.com/@c_behrens/enter-update-exit-6cafc6014c36

There is a bug now!

When a new line is drawn on zoomed axes, they are drawn using old non-zoomed scales. This messes up position and axes ticks when they get updated (set based on non-zoomed scales).

See bug_zoom2.html.

Now eases, types etc. are a wild west. Harmonize!

Now there is LineFunction in Plot() and as a separate function. Remove redundancy.

Add clip area to svgs so that anything outside them gets clipped. Ought to happen automatically from Animobject.

Axis label update is pretty ad-hoc currently. It makes axis labels to be re-drawn even if they do not change, which causes them to "flash". See _UpdateAxes() in Plot.js.

A few bugs when drawing Arrows/Paths with svg paths: arrow head is misplaced and/or shaft is in wrong place relative to what AnimObject position is.