JSFiddle - React, Tailwind, and code Playground

by efcl

HTML

<script src="http://documentcloud.github.com/underscore/underscore.js"></script>
<div id="answer">
    <h2>■解答</h2>
    
    <div id="route">
        <h3>*最短経路</h3>
    </div>
    <div id="distance">
        <h3>*最短距離</h3>
    </div>
</div>

JavaScript

/**
 * Created by azu.
 * Date: 11/06/21 2:13
 * License: MIT License
 */
    // http://jsdo.it/kiritter/pp9m/
var data = {
    "A": {
        "id": "A",
        "edgeList": [
            {
                "id": "AtoB",
                "weight": 5,
                "nextNode": "B"
            },
            {
                "id": "AtoC",
                "weight": 2,
                "nextNode": "C"
            },
            {
                "id": "AtoD",
                "weight": 4,
                "nextNode": "D"
            }
        ]
    },
    "B": {
        "id": "B",
        "edgeList": [
            {
                "id": "BtoA",
                "weight": 5,
                "nextNode": "A"
            },
            {
                "id": "BtoD",
                "weight": 2,
                "nextNode": "D"
            },
            {
                "id": "BtoF",
                "weight": 6,
                "nextNode": "F"
            }
        ]
    },
    "C": {
        "id": "C",
        "edgeList": [
            {
                "id": "CtoA",
                "weight": 2,
                "nextNode": "A"
            },
            {
                "id": "CtoD",
                "weight": 1,
                "nextNode": "D"
            },
            {
                "id": "CtoE",
                "weight": 6,
                "nextNode": "E"
            }
        ]
    },
    "D": {
        "id": "D",
        "edgeList": [
            {
                "id": "DtoA",
                "weight": 4,
                "nextNode": "A"
            },
            {
                "id": "DtoB",
                "weight": 2,
                "nextNode": "B"
            },
            {
                "id": "DtoC",
                "weight": 1,
                "nextNode": "C"
            },
            {
                "id": "DtoE",
                "weight": 2,
                "nextNode": "E"
            }
        ]
    },
    "E":{
        "id": "E",
       ...