Estoy implementando algo del equipo de diseño que implica dibujar gráficos de formas específicas.

Actualmente estoy usando Recharts para levantar la mayor parte del trabajo en términos de visualización de datos. Pero se integra directamente con D3 en el sentido de que acepta parámetros controlados por D3 en la mayoría de sus componentes.

Actualmente, estoy tratando de jugar con las curvas de un gráfico de líneas para lograr el siguiente resultado:

Probé varios tipos de curvas y lo más cercano que obtuve fue con una curva curveBumpX .

 <Line key={`bar-${index}`} dataKey={key} stroke={computedColor} type={curveBumpX} // <-- curveBumpX from d3 package dot={false} strokeWidth={2} />

Aunque cercano, el resultado no es el esperado por parte del equipo de diseño. Esto es lo que tengo actualmente:

¿Hay alguna manera de que pueda tensar las líneas en el cambio de nivel?

Gracias.