How to Create Animated Treemap with Overlapping Date Ranges

[mrqs97]

I am using the Play Axis custom visual to create an animation of a treemap. This treemap uses coloring that is based on a gradient from red to green. Essentially, the parameters of the treemap (size of boxes, colors, etc.) are all aggregates based on a specific time frame. The idea is to model the amount of red vs green on the treemap for individual timeframes.

I have used the Play Axis to animate this treemap because I want to see how it changes over time. The issue is that the Play Axis uses only individual dates and not ranges. This is an issue because individual variances between different dates are extreme, and I want to show gradual change.

What I want is overlapping ranges, where each frame in the animation removes the oldest date and inserts the newest date. Thus, if frame 1 showed a treemap aggregated from June 1 - June 5, then frame 2 should show a treemap aggregated from the dates June 2 - June 6. Is there a way to do this?

[Ritaf1983 · Accepted solution]

Hi @mrqs97 

You need to add to the date table a column for the needed intervals:

modify needed interval

The column that you got will work, but on the play axis it will be formatted as a date time:

To solve this issue you can add a formatted column ( data type text)

as it is a text column you need also to modify the sort order by the date bins

now you can put the new formatted column on the play axis

If this post helps, then please consider Accepting it as the solution to help the other members find it more quickly