JSFiddle - React, Tailwind, and code Playground

by booktu8

HTML

<graph>
  <widget type='program'>
    <id>SQLETL-MyfMdT3rdyT-3qJo</id>
    <moduleId>0006FE138E3DDAEE5EB2ED26D47B2CB3EF1C</moduleId>
    <oozJob>latest</oozJob>
    <x>86</x>
    <y>180</y>
    <work_path>${appPath}/SQLETL-MyfMdT3rdyT-3qJo/</work_path>
    <file>F2A9CC3C-6143-4DEA-99F9-9D5B36B88294</file>
    <param>12:jdbc:mysql://172.16.1.14:3306/test</param>
    <param>14:root</param>
    <param>16:111111</param>
    <param>18:iris</param>
    <param>20:</param>
    <param>22:parquet</param>
    <cmd_line>spark-submit --executor-memory 5G --class 'sparksql.reader.DatabaseReader' --conf 'spark.cores.max=10' SQLETL.py --out_p ${appPath}/SQLETL-MyfMdT3rdyT-3qJo/F2A9CC3C-6143-4DEA-99F9-9D5B36B88294/F2A9CC3C-6143-4DEA-99F9-9D5B36B88294 --url 'jdbc:mysql://172.16.1.14:3306/test'
      --user 'root' --passwd '111111' --table 'iris' --columns '' --format 'parquet'</cmd_line>
    <is_distributed>true</is_distributed>
    <is_standalone_script>false</is_standalone_script>
    <nodeType>etl</nodeType>
    <is_tensorflow>false</is_tensorflow>
    <is_etl>true</is_etl>
    <is_publishable>false</is_publishable>
    <inNum>0</inNum>
    <outNum>1</outNum>
  </widget>
  <widget type='program'>
    <id>transformDataTypeli-syQ0QHWB2Vh-AnA7</id>
    <moduleId>76583C769C1022366E46B9507DAFF9C0EAD6</moduleId>
    <oozJob>latest</oozJob>
    <x>8</x>
    <y>305</y>
    <work_path>${appPath}/transformDataTypeli-syQ0QHWB2Vh-AnA7/</work_path>
    <file>2682E9E0-FE6A-4A90-AC23-A5D4914FB476</file>
    <param>13:</param>
    <param>15:sepallength</param>
    <param>17:Species</param>
    <param>19:</param>
    <param>21:True</param>
    <cmd_line>spark-submit --executor-memory '5G' --class 'sparksql.reader.DatabaseReader' --conf 'spark.cores.max=10' transformDataType.py --in_p ${appPath}/SQLETL-MyfMdT3rdyT-3qJo/F2A9CC3C-6143-4DEA-99F9-9D5B36B88294/F2A9CC3C-6143-4DEA-99F9-9D5B36B88294 --out_p
     ...