react-d3-components icon indicating copy to clipboard operation
react-d3-components copied to clipboard

Published 20 hours ago • verified publisher icon codesuki

[Enhancement] Transitions

Open Craga89 opened this issue 9 years ago • 7 comments

Loving the library so far, the extensibility points for the axis are really great. Was wondering if you had any plans on the roadmap for supporting transitions?

Great article on it: http://blog.visual.ly/creating-animations-and-transitions-with-d3-js/

Craga89 avatar Mar 19 '15 19:03 Craga89

I'll keep this open for the benefit of other people searching for a similar topic, but I just noticed you mentioned Animation support in https://github.com/codesuki/react-d3-components/pull/8 so :+1: to that!

Craga89 avatar Mar 19 '15 19:03 Craga89

Thanks for the praise and thanks for the link! I implemented basic transition support at the moment for the BarChart but still lacking the Enter/Leave, although that should be easy to do. Now I need to refactor this and make it more usable. I will push the code to a branch as soon as I have time and maybe you can tell me your opinions on the matter.

codesuki avatar Mar 20 '15 01:03 codesuki

I pushed to https://github.com/codesuki/react-d3-components/tree/feature/transitions You can see a sample in example/index.html. I want the syntax to be similar to D3 Transitions but I need to pass some optional parameters to the callbacks (for example the scales and accessors so it's possible to access the data)

codesuki avatar Mar 20 '15 06:03 codesuki

Hello! I'd like to implement transitions but the link (https://github.com/codesuki/react-d3-components/tree/feature/transitions) doesn't exist anymore. Are transitions supported in master branch? I can't find reference to it being supported yet when I look through /src. Thank you!

temkobsd avatar Sep 02 '15 16:09 temkobsd

Sadly still WIP. I will push the branch to Github though! Will write here again afterwards.

codesuki avatar Sep 28 '15 09:09 codesuki

awesome thank you! :)

temkobsd avatar Sep 28 '15 14:09 temkobsd

Hey there. I worked a little on chart layering and transitions. The code can be found here: https://github.com/codesuki/react-d3-components/tree/feature/transitions

Simple example here: https://codesuki.github.io/react-d3-components/transitions/index.html

As you see the Axis doesn't transition correctly yet. That needs to be fixed, so does the tooltip.

The basics are there though, need some polish and testing.

I would be glad if someone that has a need for it could help out since I am busy with several different things as well!

codesuki avatar Oct 01 '15 06:10 codesuki