Z-Index Equivalent in SVG
To mimic the z-index CSS property in SVG, add the SVG elements to the page in the reverse order that you expect their z-positioning to be set. The subsequent elements added are placed on top of previous elements.
For example, if I were using the React SVG charting library Victory and I wanted my chart lines to be stacked on top of my chart area shading, I will add them to my component like so:
<VictoryChart>
<VictoryArea ... />
<VictoryLine ... />
</VictoryChart>
Written on August 10, 2017 by evanbrodie