Nice! I did one a while ago using an inline list (so that it would be interactive) and CSS:
Mine was more smoke and mirrors though…
<div class="pipe"></div>
<div class="pipe2"></div>
<pre><span><style>
[role="row"]:nth-of-type(-n+2) .textStyle {
color: lightgrey;
}
.pipe {
height: 400px;
position: fixed;
z-index: -1;
top: 0;
border-left: double 6px #ff8d81 !important;
transform: translate(21px,240px);
}
.pipe2 {
height: 150px;
position: fixed;
z-index: -1;
top: 0;
border-left: solid 6px #ff8d81 !important;
transform: translate(21px,240px);
}
[data-test="list-item-image"] {
border: solid 3px #ff8d81;
margin-right: 20px !important;
//margin-left: -42px !important;
}
.separator::after {
margin-left: 26px;
}
[data-test="list-item-subtitle"] {
margin-bottom: 15px;
padding-right: 30px !important;
}
[data-test="list-item-title"] {
margin-top: 15px;
}
/*
[data-test="list-item"] {
border-left: solid 6px #ff8d81 !important;
left: 30px;
}