JSFiddle - React, Tailwind, and code Playground

by boulabiar

HTML

<script src="http://boulabiar.net/bus/all.js"></script>
<body>
  <canvas id="c" width="600" height="600"></canvas>  
</body>

CSS

canvas{
  border-width: 1pz;
  border-style: solid;
  border-color: #000;
  }

JavaScript

var e = new fabric.Canvas('c');
    e.backgroundColor = "#454545";
    var f = [300, 300];
    var R = 150;
    var g = {
        "02": {
            "station": "technopole",
            "direction": "hopital",
            "monday": [
                [4],
                [],
                [],
                [],
                [],
                [30],
                [0, 20, 38, 53],
                [8, 23, 52, 55],
                [13, 33, 52],
                [12, 32, 52],
                [12, 32, 52],
                [12, 27, 42, 56],
                [11, 27, 39, 56],
                [9, 25, 41, 55],
                [10, 25, 40, 55],
                [10, 25, 36, 55],
                [9, 23, 35, 50],
                [5, 20, 43, 51],
                [8, 24, 43],
                [8, 40],
                [15, 40],
                [9, 39],
                [9, 35],
                [5, 34]
            ],
            "saturday": [
                [4],
                [],
                [],
                [],
                [],
                [30],
                [0, 23, 46, 55],
                [14, 33, 53],
                [13, 33, 52],
                [12, 32, 52],
                [12, 32, 52],
                [12, 32, 51],
                [12, 27, 42, 56],
                [10, 26, 40, 55],
                [10, 25, 41, 55],
                [10, 25, 40, 55],
                [10, 23, 37, 51],
                [6, 21, 36, 52],
                [8, 24, 43],
                [8, 40],
                [15, 40],
                [9, 39],
                [9, 35],
                [5, 34]
            ],
            "sunday": [
                [4],
                [],
                [],
                [],
                [],
                [],
                [],
                [59],
                [39],
                [18, 58],
                [38],
                [18, 58],
                [37],
                [10, 40],
                [10, 40],
               ...