Javascript for a flowchart

Question

I’m setting up a flow chart on the web and I need Javascript to run the flow chart. Does anyone have any idea where I can find a FREE Javascript of Flowchart? I’d need something like this: https://gojs.net/latest/samples/orgChartEditor.html

Answer 1

If you just want an alternative to creating flowcharts, Google has the library Chart and in it there is the option Organization Chart.

      google.charts.load('current', {
        packages: ["orgchart"]
      });
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Name');
        data.addColumn('string', 'Manager');
        data.addColumn('string', 'ToolTip');

        // For each orgchart box, provide the name, manager, and tooltip to show.
        data.addRows([
          [{
              v: 'Mike',
              f: 'Mike<div style="color:red; font-style:italic">President</div>'
            },
            '', 'The President'
          ],
          [{
              v: 'Jim',
              f: 'Jim<div style="color:red; font-style:italic">Vice President</div>'
            },
            'Mike', 'VP'
          ],
          ['Alice', 'Mike', ''],
          ['Bob', 'Jim', 'Bob Sponge'],
          ['Carol', 'Bob', '']
        ]);

        // Create the chart.
        var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
        // Draw the chart, setting the allowHtml option to true for the tooltips.
        chart.draw(data, {
          allowHtml: true
        });
      }

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>