svg

<html>
<head>
<style>
    svg{
        box-shadow: -3px 3px 3px #aaa;
    }
    rect{
        stroke: #000;
        fill: #fff;
    }
    text{
        font-size: 12px;
        font-family: serif;
        font-weight: normal;
    }
    line{
        stroke:#000;
    }
</style>
</head>
<body>
<svg width="400" height="200">
    <!--Create vertices-->
    <rect x="170" y="0" width="60" height="50"></rect>
    <text x="180" y="25">Vertex1</text>
    <rect x="70" y="70" width="60" height="50"></rect>
    <text x="80" y="95">Vertex2</text>
    <rect x="270" y="70" width="60" height="50"></rect>
    <text x="280" y="95">Vertex3</text>
    <rect x="170" y="140" width="60" height="50"></rect>
    <text x="180" y="165">Vertex4</text>
    <!--Create edges-->
    <line x1="200" x2="100" y1="50" y2="70"></line>
    <text x="143" y="57">1</text>
    <line x1="200" x2="300" y1="50" y2="70"></line>
    <text x="247" y="57">2</text>
    <line x1="300" x2="200" y1="120" y2="140"></line>
    <text x="243" y="127">5</text>
</svg>
</body>
</html>