SVG路径正交或垂直线创建正确的方法

Question

我要创建图表。

我想要这种类型的线。

但是我混淆了svg路径数据。我已经尝试了很多方法。

我的代码。

<svg>
      <path
        d="
    M 80,10
    l 10,0
    v -10,0
    h 10,0
    "
        fill="none"
        stroke="#558822"
        stroke-width="2"
      ></path>
    </svg>

结果。