Migrate Cohort visualization to React

[kravets-levko]

What type of PR is this? (check all applicable)

• Refactor

Description

• Convert component to React
  • Renderer
  • Cornelius library
  • Editor
• Refine and improvements
  • Cornelius: dynamic colors (using chroma-js)
  • Cornelius: format numbers with numeral (no editor options for now)
  • Cornelius: moment for date formatting and manipulations + remove hard-coded month names
  • Cornelius: revisit styles
• Cleanup
• Tests

Related Tickets & Documents

#3301 (Migrate Visualizations to React -> Cohort)
Fixes #4329

Mobile & Desktop Screenshots/Recordings (if there are UI changes)

[deecay]

Hi @kravets-levko,

Very nice changes. While you are at it, I have two suggestions.

1. Change Column title from "People" to "Population" to make it even more general?
2. When screen is wide, the chart would not occupy the whole width by expanding the "Time" column.

[kravets-levko]

Hi @deecay! Thank you for a feedback.

Change Column title from "People" to "Population" to make it even more general?

"People" is an accidental bug (I was working late night yesterday 😴) - restored "Users".

Actually, as you may notice, I prepare a ground for more configuration options for this visualizations (like changing titles, labels, value formats, colors) - they're now supported in rendering engine, but not available in UI yet because I don't want to introduce too much changes and new features in this PR.

When screen is wide, the chart would not occupy the whole width by expanding the "Time" column.

That was also leftover after some experiments - restored previous behavior:

[deecay]

@kravets-levko Nice. Thanks.

[arikfr]

👍