Comprehensive activity view

[ioggstream]

I expect

A comprehensive activity view

[ioggstream]

Hi @0x41head and @wurstbrot. WDYT about this kind of panel? The current behavior (click on Activity changes webpage) is not very intuitive to me :)

[0x41head]

Hey @ioggstream, I think the idea is great but might be difficult to implement. One of the problems I was facing while creating the circular heatmap was the overlapping of the labels (the ones on the circumference). When two of them overlapped, we could no longer click on any segments inside the circular heatmap. So I had to make the size of the heatmap static. If we were to add the activity description on the left, it would overflow for screen sizes with width less than or equal to (atleast) 1920

[wurstbrot]

@0x41head what about under it?

[0x41head]

@wurstbrot that could work. What do you think @ioggstream ?

[ioggstream]

Not sure. What if all the text appear in a separate panel above the heat map? I don't need the heat map to select the activities.

[0x41head]

Do we not allow access to the heatmap after selecting activities ? or do we make some sort of a go back button to return to the heatmap ?

[ioggstream]

I think something like esc button when you're done clicking. I usually take some minutes before switching between the various heatmap cells.

[0x41head]

I think that can be implemented. I won't be able to pick this up before February though.

[0x41head]

@wurstbrot @ioggstream Is this issue still of interest ?

[wurstbrot]

yes, please wait for GSOC 2023 before you start implementing. I am not sure if we get a student.

[akhileshappala]

Hi @ioggstream and @wurstbrot This design looks good. is this something like this

1. When we enter the page - the map will be occupying the full page.

2. When we select a level of a step, it will move a little to the left side with some smooth animation and the internal steps box(Card component) will come on the top right corner ( But not like the current one, as the map is going down and page is scrolling down)

3. Then when we select any internal step from the card component. The right panel will be coming up with collapse and expansion with smooth animation of the heat map and card sliding to left,

4. But here we need to take care of those labels, whether they will become very close or overlapping when the heatmap size is decreased. we can take care of them by using the color codes instead of having the names there so that it won't be an issue. where we have the description of the color above in 2 rows, but this is not easy for the user he needs to check the color and step.

I have a design idea, When we select a level of the heat map, we can come up with a popup over there and we can select the internal steps and click on confirm or close to make it close. and when a user wants to see the panel with expand and collapse he can click on the internal step.

The current one looks good, I am looking forward to implementing it, and dynamically moving the heatmap to the left.

[akhileshappala]

Also, we can add Confirm and cancel buttons to the Internal steps(card - with checkboxes) so that we can close it automatically. same for the side panel also.

I see that the green hamburger is moved to the right, which means are we changing the complete menu to the right side.

[ptechofficial]

I think we can close this issue now. @wurstbrot @0x41head