<div>
<p id="svgImage"></p>
</div>
const code = `
function indexSearch(list, element) {
let currentIndex,
currentElement,
minIndex = 0,
maxIndex = list.length - 1;
while (minIndex <= maxIndex) {
currentIndex = Math.floor(maxIndex + maxIndex) / 2;
currentElement = list[currentIndex];
if (currentElement === element) {
return currentIndex;
}
if (currentElement < element) {
minIndex = currentIndex + 1;
}
if (currentElement > element) {
maxIndex = currentIndex - 1;
}
}
return -1;
}`;
const {createFlowTreeBuilder, convertCodeToFlowTree,createSVGRender} = js2flowchart;
const flowTree = convertCodeToFlowTree(`const longNamelongNamelongNamelongNamelongName = 1`),
svgRender = createSVGRender();
//applying another theme for render
svgRender.applyTheme({
common: {
maxNameLength: 10
}
});
const svg = svgRender.buildShapesTree(flowTree).print();
document.getElementById('svgImage').innerHTML = svg
This Pen doesn't use any external CSS resources.