textDraw

Utility for drawing diagram in unicode with a json file format
git clone https://noulin.net/git/textDraw.git
Log | Files | Refs

example.json (2179B)

      1 [
      2  {type: 'box',
      3      x: 0,
      4      y: 0,
      5      xx: 30,
      6      yy: 9,
      7      style: 'double',
      8      color: 'Yellow',
      9      bgColor: 'green',
     10      arcCorner: false
     11     },
     12  {type: 'box',
     13      x: 2,
     14      y: 2,
     15      xx: 28,
     16      yy: 7,
     17      style: 'single',
     18      color: 'magenta',
     19      bgColor: 'blue',
     20      arcCorner: true
     21     },
     22  {type: 'text',
     23   text: "In the blue box",
     24      x: 7,
     25      y: 5,
     26   color:   '#ffaaaa',
     27  }
     28  {type: 'box',
     29      x: 40,
     30      y: 0,
     31      xx: 62,
     32      yy: 9,
     33      style: 'heavyDash',
     34      color: 'Yellow',
     35      bgColor: '#bbffbb',
     36      arcCorner: false
     37     },
     38  {type: 'text',
     39   text: "A green box",
     40      x: 46,
     41      y: 5,
     42   color:   '#ffaaaa',
     43  }
     44  {type: 'box',
     45      x: 41,
     46      y: 11,
     47      xx: 62,
     48      yy: 21,
     49      style: 'heavyDash',
     50      color: 'Yellow',
     51      bgColor: '#ffbbbb',
     52      arcCorner: false
     53     },
     54  {type: 'text',
     55   text: "RGB Colors",
     56      x: 47,
     57      y: 16,
     58   color:   'black',
     59  }
     60  {type: 'horizontalLine',
     61     at:   5,
     62   start: 29,
     63   stop:  39,
     64   stopEdge:  '▷', // when missing use style (straight line)
     65   style: 'double'
     66   color:   '#ffffff',
     67  },
     68  {type: 'verticalLine', // or horizontalLine
     69     at:   5,
     70   start: 10,
     71   stop:  20,
     72   startEdge: '▲',
     73   stopEdge:  '╚', // when missing use style (straight line)
     74   style: 'heavy'
     75   color:   '#fffffff',
     76   bgColor: 'blue'
     77  },
     78  {type: 'verticalLine', // or horizontalLine
     79     at:   6,
     80   start: 10,
     81   stop:  19,
     82   startEdge: '▲',
     83   stopEdge:  '▼', // when missing use style (straight line)
     84   style: 'single'
     85   color:   '#fffffff',
     86   bgColor: 'blue'
     87  },
     88  {type: 'horizontalLine',
     89     at:   20,
     90   start: 6,
     91   stop:  40,
     92   stopEdge:  '▷', // when missing use style (straight line)
     93   style: 'double'
     94   color:   '#ffffff',
     95   bgColor: 'green'
     96  },
     97  {type: 'horizontalLine',
     98     at:   13,
     99   start: 0,
    100   stop:  40,
    101   style: 'double'
    102   color:   '#ffffff',
    103   bgColor: 'green'
    104  },
    105  {type: 'horizontalLine',
    106     at:   12,
    107   start: 0,
    108   stop:  40,
    109   startEdge: '◀',
    110   stopEdge:  '▶', // when missing use style (straight line)
    111   style: 'heavyDoubleDash'
    112   color:   '#ffffff',
    113   bgColor: 'green'
    114  },
    115  {type: 'text',
    116   text: "the text",
    117      x: 1,
    118      y: 1,
    119   color:   '#ffffff',
    120   bgColor: 'green'
    121  }
    122 ]
    123