JSFiddle - React, Tailwind, and code Playground

by askhflajsf

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>flowchart.js · Playground</title>
    <style type="text/css">
      .end-element {
        background-color: #FFCCFF;
      }

    </style>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.0/raphael-min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="http://flowchart.js.org/flowchart-latest.js"></script>
    <!-- <script src="../release/flowchart.min.js"></script> -->
    <script>
      window.onload = function() {
        var btn = document.getElementById("run"),
          cd = document.getElementById("code"),
          chart;
        (btn.onclick = function() {
          var code = cd.value;
          if (chart) {
            chart.clean();
          }
          chart = flowchart.parse(code);
          chart.drawSVG('canvas', {
            // 'x': 30,
            // 'y': 50,
            'line-width': 3,
            'maxWidth': 3, //ensures the flowcharts fits within a certian width
            'line-length': 50,
            'text-margin': 10,
            'font-size': 14,
            'font': 'normal',
            'font-family': 'Helvetica',
            'font-weight': 'normal',
            'font-color': 'black',
            'line-color': 'black',
            'element-color': 'black',
            'fill': 'white',
            'yes-text': 'yes',
            'no-text': 'no',
            'arrow-end': 'block',
            'scale': 1,
            'symbols': {
              'start': {
                'font-color': 'red',
                'element-color': 'green',
                'fill': 'yellow'
              },
              'end': {
                'class': 'end-element'
              }
            },
            'flowstate': {
              'past': {
                'fill': '#CCCCCC',
                'font-size': 12
              },
              'current': {
                'fill': 'yellow',
    ...