Draw a vertical band at the maximum value of a single-stream streamgraph in d3js that respects the bounds of curve?

123 views Asked by At

Question: how do we draw a vertical band at the maximum value of a single-stream streamgraph in d3js that respects the bounds of curve?

editable streamgraph example.

Imagine this is the original streamgraph: Streamgraph sans vertical band The question is focused on how we create something like this: Streamgraph with vertical band

1

There are 1 answers

0
blehman On BEST ANSWER

The following solution uses @GerardoFurtado's initial idea, but adds a clipPath to respect the bounds of the curve for any bandwidth:

https://beta.observablehq.com/@blehman/untitled/2