How to create a step chart

[MP_Li]

Checkout Mike’s réponse on this post, it might be a great example for you.

Stepper Line Chart

The use of the gradient here is pretty subtle — it does piecewise blending between the two connected values (the two sleep states). Notice that when going from Awake to Light, the gradient skips the light blue of REM. You can use a variable color encoding to achieve this. I’m sure the code could be simplified but here is my take. You’ll also need a fancier line renderer to have thick horizontal lines with rounded corners, with skinny vertical connectors… [untitled - 2024-04-04T091729.270] Pl…