js-sequence-diagrams can't work with flowchart.js

[annProg]

This is the code, only flowchart displayed, sequence diagram not displayed

<script src="http://cdn.bootcss.com/webfont/1.6.27/webfontloader.js"></script>
<script src="http://cdn.bootcss.com/snap.svg/0.5.1/snap.svg-min.js"></script>
<script src="http://cdn.bootcss.com/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://bramp.github.io/js-sequence-diagrams/js/sequence-diagram-min.js"></script>

<script src="http://cdn.bootcss.com/raphael/2.2.7/raphael.min.js"></script>
<script src="http://cdn.bootcss.com/flowchart/1.6.6/flowchart.min.js"></script>

<div id="flowchart-js-860979ab918fffde2f1acf8aee2216bd0.92030700"></div>
<script>
var flowchart_diagram = flowchart.parse('st=>start: Start:>http://www.google.com[blank]e=>end:>http://www.google.com\n' + 
'op1=>operation: My Operation\n' + 
'sub1=>subroutine: My Subroutine\n' + 
'cond=>condition: Yes\n' + 
'or No?:>http://www.google.com\n' + 
'io=>inputoutput: catch something...\n' + 
'\n' + 
'st->op1->cond\n' + 
'cond(yes)->io->e\n' + 
'cond(no)->sub1(right)->op1');
flowchart_diagram.drawSVG('flowchart-js-860979ab918fffde2f1acf8aee2216bd0.92030700');
</script><br />

<div id="sequence-diagram-1ed22db5e6167a7a8373b6076d2af7e40 abc"></div>
<script>
var sequence_diagram = Diagram.parse("# Example of a comment.\n\
Note left of A: Note to the\\n left of A\n\
Note right of A: Note to the\\n right of A\n\
Note over A: Note over A\n\
Note over A,B: Note over both A and B");
sequence_diagram.drawSVG("sequence-diagram-1ed22db5e6167a7a8373b6076d2af7e40 abc", {theme: 'hand'});
</script><br />