Aribtrary HTML in y-axis labels and custom area fills in the line chart?

[frankandrobot]

Is it possible to (easily) do the following design with @nivo/line?

1. First thing you'll notice is that the y-chart uses a very specific gradient as the y-axis. (The stops are determined by the data.)
2. Yes, it uses area fills but notice how the y-value determines the color of the area.
3. To confirm, we can have arbitrary components as the tooltip (as this code seems to imply.)

[plouc]

Not easily.

1. You could use a custom layer and use the computed y scale to achieve this I think.
2. I think you could split the data into different groups to achieve this, but it causes issues with the tooltip, as you end up with some points overlapping, another option would be to use a custom layer, but it would require a bit of custom code.
3. Yes, you can provide custom tooltips.