JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>
<svg width="100%" height="30%" viewBox="0 0 100 100" preserveAspectRatio="none">
    <g>
        <polygon points="0,100 0,70 3.3333333333333335,66 3.3333333333333335,100"></polygon>
        <polygon points="3.3333333333333335,100 3.3333333333333335,66 6.666666666666667,66 6.666666666666667,100"></polygon>
        <polygon points="6.666666666666667,100 6.666666666666667,66 10,62 10,100"></polygon>
        <polygon points="10,100 10,62 13.333333333333334,57.99999999999999 13.333333333333334,100"></polygon>
        <polygon points="13.333333333333334,100 13.333333333333334,57.99999999999999 16.666666666666664,56 16.666666666666664,100"></polygon>
        <polygon points="16.666666666666664,100 16.666666666666664,56 20,54 20,100"></polygon>
        <polygon points="20,100 20,54 23.333333333333332,40 23.333333333333332,100"></polygon>
        <polygon points="23.333333333333332,100 23.333333333333332,40 26.666666666666668,24 26.666666666666668,100"></polygon>
        <polygon points="26.666666666666668,100 26.666666666666668,24 30,15.999999999999998 30,100"></polygon>
        <polygon points="30,100 30,15.999999999999998 33.33333333333333,13.999999999999996 33.33333333333333,100"></polygon>
        <polygon points="33.33333333333333,100 33.33333333333333,13.999999999999996 36.666666666666664,11.999999999999996 36.666666666666664,100"></polygon>
        <polygon points="36.666666666666664,100 36.666666666666664,11.999999999999996 40,10.000000000000004 40,100"></polygon>
        <polygon points="40,100 40,10.000000000000004 43.333333333333336,10.000000000000004 43.333333333333336,100"></polygon>
        <polygon points="43.333333333333336,100 43.333333333333336,10.000000000000004 46.666666666666664,8.000000000000004 46.666666666666664,100"></polygon>
        <polygon points="46.666666666666664,100 46.666666666666664,8.000000000000004 50,8.000000000000004 50,100"></polygon>
        <polygon points="50,100...