FusionCharts - Gallery Example - Gantt chart in JavaSCript

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<!-- Gantt chart plotting tasks required for constructing a new store (Just completed) in Denver. This is a comparison of how planned estimates fared against the actual and which tasks got delayed. 

-->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

const dataSource = '<chart dateformat="mm/dd/yyyy" caption="Event Planning Process" theme="fusion" canvasborderalpha="40" ganttlinealpha="50"><tasks color="#5D62B5"><task start="03/07/2018" end="03/17/2018" /><task start="03/14/2018" end="03/28/2018" /><task start="03/15/2018" end="03/31/2018" /><task start="04/02/2018" end="04/12/2018" /><task start="04/12/2018" end="04/30/2018" /><task start="04/20/2018" end="05/06/2018" /><task start="04/30/2018" end="05/10/2018" /><task start="04/30/2018" end="05/25/2018" /><task start="05/04/2018" end="06/05/2018" /></tasks><processes headertext="Task" headeralign="left" fontsize="14" isbold="0" align="left"><process label="Define event goals" /><process label="Source venue options" /><process label="Finalize speaker reach out list" /><process label="Compose sponsorship strategy" /><process label="Reach out to sponsors" /><process label="Create social media campaign" /><process label="Reach out to blogs for backlinks" /><process label="Optimize SEO ranking" /><process label="Publish event lead up vlog series" /></processes><categories><category start="03/05/2018" end="03/31/2018" label="March" /><category start="04/01/2018" end="04/30/2018" label="April" /><category start="05/01/2018" end="05/31/2018" label="May" /><category start="06/01/2018" end="06/10/2018" label="June" /></categories><categories><category start="03/05/2018" end="03/11/2018" label="W 1" /><category start="03/12/2018" end="03/18/2018" label="W 2" /><category start="03/19/2018" end="03/25/2018" label="W 3" /><category start="03/26/2018" end="04/01/2018" label="W 4" /><category start="04/02/2018" end="04/08/2018" label="W 5" /><category start="04/09/2018" end="04/15/2018" label="W 6" /><category start="04/16/2018" end="04/22/2018" label="W 7" /><category start="04/23/2018" end="04/29/2018" label="W 8" /><category start="04/30/2018" end="05/06/2018" label="W 9" /><category start="05/07/2018" end="05/13/2018" label="W 10" /><category start="05/14/2018"...