transitions?

[dcsan]

hi! thanks for packaging this up!

I noticed you use simple cross-fades for transitions, is it possible to use the zoom/scale type like in the other demo
https://bost.ocks.org/mike/treemap/

.list-enter-active, .list-leave-active {
  transition: all 1s;
}
.list-enter, .list-leave-to /* .list-leave-active for <2.1.8 */ {
  opacity: 0;
}

I see opacity as a property but not sure how to get different effects beyond CSS properties

[dcsan]

the other version seems to be using d3 functions for the transitions, where as you are using Vue transitions?

view-source:https://bost.ocks.org/mike/treemap/

g.filter(function(d) { return d._children; })
  | .classed("children", true)
  | .on("click", transition);
``` 

[albertopereira]

Hi,
transitions are a bit out of the scope of this demo. This is to showcase how vuejs can be used, by using its reactive nature, to replace explicit rerendering used by d3. I'm somewhat overwhelmed right now, but maybe in a couple of weeks I can look into it. For now, maybe you can try, maintaining the group transition component, changing the height in the css? That would be my first step. Then looking into state transitions, and finally incorporating an external library like tween.js.
Sorry I couldn't be more useful.