CINXE.COM
<!doctype html> <html lang="en" dir="ltr" class="blog-wrapper blog-post-page plugin-blog plugin-id-default" data-has-hydrated="false"> <head> <meta charset="UTF-8"> <meta name="generator" content="Docusaurus v3.7.0"> <title data-rh="true">Release 6.18.0 | Diagram and visual applications builder - JsPlumb Toolkit</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://jsplumbtoolkit.com/blog/2024/04/04/release-6.18.0"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="keywords" content="kanban, erd, entity relationship diagram, flowchart, decision tree, entity relationship diagram, diagram, chatbot, chart, graph, gantt charts, network topology diagrams, visualization, javascript, diagramming library, typescript, charts, orgchart"><meta data-rh="true" property="og:image" content="https://jsplumbtoolkit.com/img/rendering-ports/reskinned-chatbot.png"><meta data-rh="true" property="og:site_name" content="JsPlumb Toolkit, leading diagramming and visual connectivity Javascript and Typescript library"><meta data-rh="true" property="og:title" content="Release 6.18.0 | Diagram and visual applications builder - JsPlumb Toolkit"><meta data-rh="true" name="description" content="The main change in 6.18.0 is that we've introduced a brand new home for JsPlumb's apidocs - https://apidocs.jsplumbtoolkit.com. This site is far easier to navigate than our previous apidocs pages, with a cleaner layout and a search bar, and we've taken steps to setup our URL scheme such that going forward it will be easy to access the apidocs for some specific version."><meta data-rh="true" property="og:description" content="The main change in 6.18.0 is that we've introduced a brand new home for JsPlumb's apidocs - https://apidocs.jsplumbtoolkit.com. This site is far easier to navigate than our previous apidocs pages, with a cleaner layout and a search bar, and we've taken steps to setup our URL scheme such that going forward it will be easy to access the apidocs for some specific version."><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-04-04T10:00:00.000Z"><meta data-rh="true" property="article:author" content="https://github.com/sporritt"><meta data-rh="true" property="article:tag" content="toolkit,svg,flowchart,inspector,erd,svg export,png,jpeg,jpg,org chart,organization chart,snaplines,network topology diagram,apidocs"><link data-rh="true" rel="icon" href="/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://jsplumbtoolkit.com/blog/2024/04/04/release-6.18.0"><link data-rh="true" rel="alternate" href="https://jsplumbtoolkit.com/blog/2024/04/04/release-6.18.0" hreflang="en"><link data-rh="true" rel="alternate" href="https://jsplumbtoolkit.com/blog/2024/04/04/release-6.18.0" hreflang="x-default"><script data-rh="true" type="application/ld+json">{"@context":"https://schema.org","@type":"BlogPosting","@id":"https://jsplumbtoolkit.com/blog/2024/04/04/release-6.18.0","mainEntityOfPage":"https://jsplumbtoolkit.com/blog/2024/04/04/release-6.18.0","url":"https://jsplumbtoolkit.com/blog/2024/04/04/release-6.18.0","headline":"Release 6.18.0","name":"Release 6.18.0","description":"The main change in 6.18.0 is that we've introduced a brand new home for JsPlumb's apidocs - https://apidocs.jsplumbtoolkit.com. This site is far easier to navigate than our previous apidocs pages, with a cleaner layout and a search bar, and we've taken steps to setup our URL scheme such that going forward it will be easy to access the apidocs for some specific version.","datePublished":"2024-04-04T10:00:00.000Z","author":{"@type":"Person","name":"Simon Porritt","description":"JsPlumb core team","url":"https://github.com/sporritt","image":"https://avatars.githubusercontent.com/u/262720?s=60&v=4"},"keywords":[],"isPartOf":{"@type":"Blog","@id":"https://jsplumbtoolkit.com/blog","name":"Blog"}}</script><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Diagram and visual applications builder - JsPlumb Toolkit RSS Feed"> <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Diagram and visual applications builder - JsPlumb Toolkit Atom Feed"> <link rel="preconnect" href="https://www.googletagmanager.com"> <script>window.dataLayer=window.dataLayer||[]</script> <script>!function(e,t,a,n){e[n]=e[n]||[],e[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var g=t.getElementsByTagName(a)[0],m=t.createElement(a);m.async=!0,m.src="https://www.googletagmanager.com/gtm.js?id=GTM-PNVM4WJV",g.parentNode.insertBefore(m,g)}(window,document,"script","dataLayer")</script> <script>var sc_project="12334448",sc_invisible=1,sc_security="71953373"</script> <script src="https://www.statcounter.com/counter/counter.js"></script> <link rel="alternate" type="application/rss+xml" href="/talking-tech/rss.xml" title="Diagram and visual applications builder - JsPlumb Toolkit RSS Feed"> <link rel="alternate" type="application/atom+xml" href="/talking-tech/atom.xml" title="Diagram and visual applications builder - JsPlumb Toolkit Atom Feed"> <script src="https://js.stripe.com/v3/"></script><link rel="stylesheet" href="/assets/css/styles.06cd58eb.css"> <script src="/assets/js/runtime~main.37eba193.js" defer="defer"></script> <script src="/assets/js/main.1458f273.js" defer="defer"></script> </head> <body class="navigation-with-keyboard"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PNVM4WJV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const n=new URLSearchParams(window.location.search).entries();for(var[t,e]of n)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="JsPlumb Toolkit" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="JsPlumb Toolkit" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div><b class="navbar__title text--truncate"></b></a><a aria-current="page" class="navbar__item navbar__link btn btn-link navbar__link--active" href="/blog">News</a><a class="navbar__item navbar__link btn btn-link" href="/features">Features</a><a class="navbar__item navbar__link btn btn-link" href="/demonstrations">Demos</a><a href="https://docs.jsplumbtoolkit.com/toolkit/7.x/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link btn btn-link">Documentation</a><a class="navbar__item navbar__link btn btn-link" href="/contact">Contact</a><a href="https://licensing.jsplumbtoolkit.com/download/toolkit" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link btn btn-link">Download</a></div><div class="navbar__items navbar__items--right"><a class="navbar__item navbar__link btn btn-secondary mx-2" href="/trial">Free trial</a><a class="navbar__item navbar__link btn btn-primary" href="/purchase">Buy</a><div class="navbarSearchContainer_Bca1"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md"> All Posts</div><div role="group"><h3 class="yearGroupHeading_rMGB">2025</h3><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2025/03/28/release-7.0.0">Release 7.0.0</a></li></ul></div><div role="group"><h3 class="yearGroupHeading_rMGB">2024</h3><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/10/14/release-6.81.0">Release 6.81.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/10/04/release-6.80.0">Release 6.80.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/09/24/release-6.72.0">Release 6.72.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/09/16/release-6.71.0">Release 6.71.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/09/06/release-6.70.0">Release 6.70.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/08/26/release-6.60.0">Release 6.60.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/08/23/release-6.50.0">Release 6.50.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/08/16/release-6.40">Release 6.40.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/18/wrapping-data-in-web-components">Wrapping JsPlumb in Web Components</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/07/03/building-a-tile-game-with-drag-constrain-functions">Building a tile game using JsPlumb's advanced drag handling</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/26/release-6.30">Release 6.30.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/25/release-6.29.0">Release 6.29.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/23/unit-testing">Unit Testing with JsPlumb</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/23/release-6.28.0">Release 6.28.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/20/release-6.27.0">Release 6.27.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/18/release-6.26.0">Release 6.26.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/11/release-6.25.0">Release 6.25.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/06/06/release-6.24.0">Release 6.24.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/05/17/jsplumb-and-html2canvas">Generating output with html2canvas and JsPlumb</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/05/12/release-6.23.0">Release 6.23.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/19/release-6.22.0">Release 6.22.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/18/release-6.21.0">Release 6.21.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/08/release-6.20.0">Release 6.20.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/04/05/release-6.19.0">Release 6.19.0</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/2024/04/04/release-6.18.0">Release 6.18.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/28/angular-signals-integration">Angular signals integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/26/release-6.17.0">Release 6.17.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/03/25/release-6.16.0">Release 6.16.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/18/release-6.15.0">Release 6.15.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/16/release-6.14.0">Release 6.14.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/02/02/release-2.50.0">Release 2.50.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2024/01/31/release-6.13.0">Release 6.13.0</a></li></ul></div><div role="group"><h3 class="yearGroupHeading_rMGB">2023</h3><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/12/28/release-6.12.0">Release 6.12.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/12/20/release-6.11.0">Release 6.11.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/12/11/animated-edges">Animating edges in SVG</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/12/10/release-6.10.0">Release 6.10.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/11/27/release-6.9.1">Release 6.9.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/11/22/release-6.9.0">Release 6.9.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/11/19/image-processing-with-canvas">Image processing with HTML canvas</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/11/17/rendering-ports">Rendering ports in the Toolkit</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/11/09/release-6.8.2">Release 6.8.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/11/08/release-6.8.1">Release 6.8.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/11/07/release-6.8.0">Release 6.8.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/11/03/magnetizing-diagram-elements">Magnetizing diagram elements</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/10/30/fixed-and-floating-elements">Fixed and floating elements (also, how the snaplines plugin works)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/10/30/release-6.7.2">Release 6.7.2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/10/25/release-6.7.1">Release 6.7.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/10/24/jsplumb-jointjs-comparison">JointJS - JsPlumb Comparison</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/10/19/release-6.7.0">Release 6.7.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/10/13/release-6.6.5">Release 6.6.5</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/10/10/release-6.6.4">Release 6.6.4</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/10/04/release-6.6.3">Release 6.6.3</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/10/04/angular-chatbot">Angular chatbot</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/10/03/how-to-build-a-chatbot-designer">Building a chatbot app in 3 hours and 37 minutes</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/09/26/release-6.6.2">Release 6.6.2 - Rotating custom overlays</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/09/24/jsplumb-element-rendering">The case for rendering to separate elements</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/09/20/release-6.6.0">Release 6.6.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/09/03/release-6.5.0">Release 6.5.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/06/21/release-6.2.5">Release 6.2.5</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2023/04/04/release-6.0.0">Release 6.0.0</a></li></ul></div><div role="group"><h3 class="yearGroupHeading_rMGB">2022</h3><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2022/11/28/release-5.13.1">Release 5.13.1</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2022/08/16/toolkit-release-5.10.8">Release 5.10.8</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2022/07/26/docusaurus-env-loader-json-plugin">Docusaurus JSON environment loader</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2022/05/21/angular-inputs-and-outputs">Angular Inputs and Outputs</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2022/05/20/custom-connectors">Custom connectors</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2022/02/10/anchor-position-finder-toolkit-edition">Anchor position finders</a></li></ul></div><div role="group"><h3 class="yearGroupHeading_rMGB">2021</h3><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2021/11/09/version-5.0.0">Version 5.0.0</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2021/09/06/docusaurus-and-statcounter">Statcounter plugin for Docusaurus</a></li></ul></div><div role="group"><h3 class="yearGroupHeading_rMGB">2018</h3><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2018/06/26/world-cup-visualisation-part-2">World Cup 2018, part 2</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/2018/06/25/world-cup-visualisation-part-1">World Cup 2018, part 1</a></li></ul></div></nav></aside><main class="col col--7"><article class=""><header><h1 class="title_f1Hy">Release 6.18.0</h1><div class="container_mt6G margin-vert--md"><time datetime="2024-04-04T10:00:00.000Z">April 4, 2024</time> · <!-- -->2 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--12 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/sporritt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo authorImage_XqGP" src="https://avatars.githubusercontent.com/u/262720?s=60&v=4" alt="Simon Porritt"></a><div class="avatar__intro authorDetails_lV9A"><div class="avatar__name"><a href="https://github.com/sporritt" target="_blank" rel="noopener noreferrer"><span class="authorName_yefp">Simon Porritt</span></a></div><small class="authorTitle_nd0D" title="JsPlumb core team">JsPlumb core team</small><div class="authorSocials_rSDt"></div></div></div></div></div></header><div id="__blog-post-container" class="markdown"><p>The main change in 6.18.0 is that we've introduced a brand new home for JsPlumb's apidocs - <a href="https://apidocs.jsplumbtoolkit.com" target="_blank" rel="noopener noreferrer">https://apidocs.jsplumbtoolkit.com</a>. This site is far easier to navigate than our previous apidocs pages, with a cleaner layout and a search bar, and we've taken steps to setup our URL scheme such that going forward it will be easy to access the apidocs for some specific version.</p> <p><img src="/img/release_6_18_0/apidocs-6.18.0.png" class="" alt="apidocs for JsPlumb 6.18.0 - JsPlumb, leading alternative to GoJS, JointJS and ReactFlow"></p> <!-- --> <p>Using <a href="https://typedoc.org" target="_blank" rel="noopener noreferrer">Typedoc</a> for our apidocs has also enabled us to embed snippets of our apidocs into the main documentation, safe in the knowledge that these snippets will always be current:</p> <p><img src="/img/release_6_18_0/apidocs-embedded-6.18.0.png" class="" alt="embedded apidocs for JsPlumb 6.18.0 - JsPlumb, leading alternative to GoJS, JointJS and ReactFlow"></p> <h3 class="anchor anchorWithStickyNavbar_LWe7" id="updates">Updates<a href="#updates" class="hash-link" aria-label="Direct link to Updates" title="Direct link to Updates"></a></h3> <p>In 6.18.0 we've also:</p> <ul> <li> <p>Fixed an issue with the <code>type</code> of a new port not being set correctly on the <code>Port</code> object via the <code>addNewPort</code> method on a JsPlumb Toolkit instance. The <code>type</code> was set on the backing data but no on the <code>Port</code> itself.</p> </li> <li> <p>Fixed an issue whereby dragging multiple nodes would cause the miniview to fail to update properly, when in <code>activeTracking</code> mode</p> </li> <li> <p>Fixed issue with Firefox wheel direction being opposite to other browsers</p> </li> <li> <p>Made some updates to the endpoints and anchor docs</p> </li> </ul> <hr> <h2 class="blog-trial-embed">Start a free trial</h2><div class="p-3 tan br-3 blog-trial-embed"><div class="jtk-please-wait-overlay" data-id="trial-overlay"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 285.3 92.5" class="jtk-logo"><g><path class="jtk-logo-plumb" d="M89.6,50.2v19.1H78V19.1h11.6v5.3c1.6-2.1,3.4-3.7,5.3-4.7c2-1,4.2-1.5,6.7-1.5c4.5,0,8.2,1.8,11.1,5.3 c2.9,3.6,4.3,8.2,4.3,13.8c0,5.6-1.4,10.2-4.3,13.8c-2.9,3.6-6.6,5.3-11.1,5.3c-2.5,0-4.8-0.5-6.7-1.5C93,53.9,91.2,52.4,89.6,50.2 z M97.4,26.7c-2.5,0-4.4,0.9-5.7,2.7c-1.3,1.8-2,4.5-2,7.9c0,3.4,0.7,6.1,2,7.9c1.3,1.8,3.2,2.7,5.7,2.7c2.5,0,4.4-0.9,5.7-2.7 c1.3-1.8,2-4.5,2-7.9c0-3.5-0.7-6.1-2-7.9C101.8,27.6,99.9,26.7,97.4,26.7z"></path><path class="jtk-logo-plumb" d="M120.7,4.9h11.6v50.6h-11.6V4.9z"></path><path class="jtk-logo-plumb" d="M138.3,41.3V19.1H150v3.6c0,2,0,4.5,0,7.4c0,3,0,5,0,6c0,2.9,0.1,5,0.2,6.3c0.2,1.3,0.4,2.2,0.8,2.8 c0.5,0.8,1.1,1.3,1.9,1.8c0.8,0.4,1.7,0.6,2.7,0.6c2.4,0,4.3-0.9,5.7-2.8c1.4-1.9,2.1-4.5,2.1-7.8v-18h11.6v36.4h-11.6v-5.3 c-1.8,2.1-3.6,3.7-5.6,4.7c-2,1-4.1,1.5-6.5,1.5c-4.2,0-7.4-1.3-9.6-3.9C139.4,50,138.3,46.2,138.3,41.3z"></path><path class="jtk-logo-plumb" d="M214.9,25.1c1.5-2.3,3.2-4,5.3-5.2c2-1.2,4.3-1.8,6.7-1.8c4.2,0,7.4,1.3,9.6,3.9c2.2,2.6,3.3,6.3,3.3,11.3 v22.2H228v-19c0-0.3,0-0.6,0-0.9c0-0.3,0-0.7,0-1.3c0-2.6-0.4-4.4-1.1-5.6c-0.8-1.2-2-1.7-3.7-1.7c-2.2,0-3.9,0.9-5.1,2.7 c-1.2,1.8-1.8,4.5-1.9,7.9v17.9h-11.7v-19c0-4-0.3-6.6-1-7.8c-0.7-1.2-1.9-1.7-3.7-1.7c-2.2,0-4,0.9-5.2,2.7 c-1.2,1.8-1.8,4.5-1.8,7.9v17.9h-11.7V19.1h11.7v5.3c1.4-2.1,3.1-3.6,4.9-4.7c1.9-1,3.9-1.6,6.1-1.6c2.5,0,4.7,0.6,6.7,1.8 C212.4,21.2,213.9,22.9,214.9,25.1z"></path><path class="jtk-logo-plumb" d="M257.2,24.4c1.6-2.1,3.4-3.7,5.3-4.7c2-1,4.2-1.5,6.7-1.5c4.5,0,8.2,1.8,11.1,5.3c2.9,3.6,4.3,8.2,4.3,13.8 c0,5.6-1.4,10.2-4.3,13.8s-6.6,5.3-11.1,5.3c-2.5,0-4.8-0.5-6.7-1.5c-2-1-3.7-2.6-5.3-4.7v5.3h-11.6V4.9h11.6V24.4z M265,48 c2.5,0,4.4-0.9,5.7-2.7c1.3-1.8,2-4.5,2-7.9c0-3.5-0.7-6.1-2-7.9c-1.3-1.8-3.2-2.7-5.7-2.7s-4.4,0.9-5.7,2.7c-1.3,1.8-2,4.5-2,7.9 c0,3.4,0.7,6.1,2,7.9C260.6,47.1,262.5,48,265,48z"></path></g><path class="jtk-logo-js" d="M34.7,75.2c0,2.5-0.2,4.7-0.6,6.7c-0.4,2-1.1,3.7-2.1,5.1c-1,1.4-2.4,2.5-4.2,3.3c-1.7,0.8-4,1.2-6.7,1.2 c-1.6,0-3.3-0.3-4.9-0.9l0.9-5.4c1.4,0.5,2.7,0.8,3.9,0.8c1.6,0,3-0.3,3.9-0.9c1-0.6,1.7-1.3,2.3-2.3c0.5-0.9,0.9-2,1-3.2 c0.2-1.2,0.3-2.5,0.3-3.9V15.4h6.1V75.2z"></path><path class="jtk-logo-js" d="M31.6,2c1.3,0,2.4,0.4,3.3,1.3c0.9,0.9,1.3,2,1.3,3.3c0,1.3-0.4,2.4-1.3,3.3c-0.9,0.9-2,1.3-3.3,1.3 c-1.3,0-2.4-0.4-3.3-1.3C27.4,9,27,7.9,27,6.6c0-1.3,0.4-2.4,1.3-3.3C29.2,2.4,30.3,2,31.6,2 M31.6,0.9c-1.6,0-3,0.6-4.1,1.7 c-1.1,1.1-1.7,2.5-1.7,4.1c0,1.6,0.6,3,1.7,4.1c1.1,1.1,2.5,1.7,4.1,1.7c1.6,0,3-0.6,4.1-1.7c1.1-1.1,1.7-2.5,1.7-4.1 c0-1.6-0.6-3-1.7-4.1C34.5,1.4,33.2,0.9,31.6,0.9L31.6,0.9z"></path><path class="jtk-logo-js" d="M43,54.8c1.3,2.5,3.2,4.5,5.7,5.8c2.5,1.3,5.2,2,8,2c1.3,0,2.6-0.2,3.9-0.6c1.3-0.4,2.5-1,3.5-1.7 c1-0.8,1.9-1.7,2.5-2.7c0.6-1.1,1-2.3,1-3.6c0-2.2-0.7-3.8-2.1-4.9c-1.4-1.1-3.1-1.9-5.2-2.6c-2-0.6-4.3-1.1-6.8-1.6 c-2.5-0.4-4.7-1.1-6.8-2c-2-0.9-3.8-2.2-5.2-3.8c-1.4-1.6-2.1-4-2.1-7c0-2.3,0.5-4.3,1.4-6c1-1.7,2.2-3.1,3.7-4.3 c1.5-1.1,3.3-2,5.2-2.5c1.9-0.5,3.9-0.8,5.8-0.8c3.9,0,7.3,0.7,10.1,2.2c2.8,1.4,5,3.7,6.6,6.8l-5.5,3.3c-1.2-2.2-2.6-3.8-4.4-5 c-1.7-1.1-4-1.7-6.8-1.7c-1.1,0-2.2,0.2-3.4,0.5C51,24.7,50,25.2,49,25.8c-1,0.6-1.8,1.4-2.4,2.4c-0.7,1-1,2-1,3.3 c0,2.1,0.7,3.7,2.1,4.7c1.4,1,3.1,1.8,5.2,2.4c2,0.6,4.3,1.1,6.8,1.5c2.5,0.4,4.7,1.1,6.8,2c2.1,0.9,3.8,2.3,5.2,4 c1.4,1.7,2.1,4.2,2.1,7.4c0,2.5-0.5,4.6-1.4,6.4c-0.9,1.8-2.2,3.3-3.8,4.6c-1.6,1.2-3.4,2.2-5.5,2.8c-2.1,0.6-4.2,0.9-6.5,0.9 c-4.1,0-7.8-0.8-11.2-2.4c-3.4-1.6-6-4-7.8-7.3L43,54.8z"></path><path class="jtk-logo-js" d="M8.7,81.6c1.3,0,2.4,0.4,3.3,1.3c0.9,0.9,1.3,2,1.3,3.3c0,1.3-0.4,2.4-1.3,3.3c-0.9,0.9-2,1.3-3.3,1.3 c-1.3,0-2.4-0.4-3.3-1.3c-0.9-0.9-1.3-2-1.3-3.3c0-1.3,0.4-2.4,1.3-3.3C6.3,82,7.4,81.6,8.7,81.6 M8.7,80.4c-1.6,0-3,0.6-4.1,1.7 C3.6,83.2,3,84.6,3,86.2c0,1.6,0.6,3,1.7,4.1c1.1,1.1,2.5,1.7,4.1,1.7c1.6,0,3-0.6,4.1-1.7c1.1-1.1,1.7-2.5,1.7-4.1 c0-1.6-0.6-3-1.7-4.1C11.7,81,10.3,80.4,8.7,80.4L8.7,80.4z"></path></svg>Sending your evaluation request...</div><h2></h2><p>Interested in the concepts discussed in this article? Start a free trial and see how JsPlumb can help bring your ideas to market in record time.</p><form class="d-flex flex-column" id="frmContact"><input type="hidden" name="vector" value="release-6.18.0"><input type="hidden" name="timeZone" value="Australia/Sydney"><div class="mb-3"><label for="inputName" class="form-label"><span>Your name</span></label><input type="text" class="form-control" id="inputName" name="name" required=""></div><div class="mb-3"><label for="inputEmail" class="form-label"><span>Email address</span></label><input type="email" class="form-control" id="inputEmail" name="email" required=""></div><div class="mb-3 d-flex"><div style="flex:1"><label for="inputCompanyName" class="form-label"><span>Company website</span></label><input type="text" class="form-control" id="inputCompanyName" name="company" required=""></div><div class="ms-2" style="flex:1"><label for="inputPhoneNumber" class="form-label"><span>Phone number</span></label><input type="text" class="form-control" id="inputPhoneNumber" name="phone" required=""></div></div><div class="mb-3"><label for="message" class="form-label"><span>Message</span></label><textarea rows="8" class="form-control" id="message" name="message" placeholder="What are you looking to build with the Toolkit? Let us know how we can help."></textarea></div><input type="hidden" name="product" value="toolkit"><label><input class="me-3" type="checkbox" required="">I have seen the <a target="_blank" href="https://licensing.jsplumbtoolkit.com/purchase/toolkit">purchase page</a></label><label><input class="me-3" type="checkbox" required="">I have seen and acknowledge the <a target="_blank" href="https://jsplumbtoolkit.com/JSPLUMB-TOOLKIT-LICENSE-10-NOV-2023.pdf">license agreement</a></label><button type="submit" class="btn btn-primary align-self-start mt-5">Start free trial</button></form></div> <hr> <h2 class="anchor anchorWithStickyNavbar_LWe7" id="get-in-touch">Get in touch!<a href="#get-in-touch" class="hash-link" aria-label="Direct link to Get in touch!" title="Direct link to Get in touch!"></a></h2> <p>If you'd like to discuss any of the ideas/concepts in this article we'd love to hear from you - drop us a line at <a href="mailto:hello@jsplumbtoolkit.com" target="_blank" rel="noopener noreferrer">hello@jsplumbtoolkit.com</a>.</p></div><footer class="docusaurus-mt-lg"><div class="row margin-top--sm theme-blog-footer-edit-meta-row"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/toolkit">toolkit</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/svg">svg</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/flowchart">flowchart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/inspector">inspector</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/erd">erd</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/svg-export">svg export</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/png">png</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/jpeg">jpeg</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/jpg">jpg</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/org-chart">org chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/organization-chart">organization chart</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/snaplines">snaplines</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/network-topology-diagram">network topology diagram</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/apidocs">apidocs</a></li></ul></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/2024/04/05/release-6.19.0"><div class="pagination-nav__sublabel">Newer post</div><div class="pagination-nav__label">Release 6.19.0</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/2024/03/28/angular-signals-integration"><div class="pagination-nav__sublabel">Older post</div><div class="pagination-nav__label">Angular signals integration</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#updates" class="table-of-contents__link toc-highlight">Updates</a></li><li><a href="#get-in-touch" class="table-of-contents__link toc-highlight">Get in touch!</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">DISCOVER</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/demonstrations">Demonstrations</a></li><li class="footer__item"><a class="footer__link-item" href="/contact">Contact Us</a></li><li class="footer__item"><a href="/JSPLUMB-TOOLKIT-LICENSE-V7-REV-1-31-MAR-2025.pdf" target="_blank">License Agreement</a></li><li class="footer__item"><a href="/JSPLUMB-TOOLKIT-LICENSE-V6-V5-V2-REV-11-25-NOV-2024.pdf" target="_blank">License Agreement v6.x</a></li><li class="footer__item"><a class="footer__link-item" position="right" href="/privacy">Privacy Policy</a></li><li class="footer__item"><a class="footer__link-item" position="right" href="/talking-tech">Talking Tech</a></li></ul></div><div class="col footer__col"><div class="footer__title">DEVELOP</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://docs.jsplumbtoolkit.com/toolkit/7.x/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Documentation</a></li><li class="footer__item"><a href="https://licensing.jsplumbtoolkit.com/download/toolkit" target="_blank" rel="noopener noreferrer" class="footer__link-item">Licensee Portal</a></li><li class="footer__item"><a href="https://licensing.jsplumbtoolkit.com/download/toolkit" target="_blank" rel="noopener noreferrer" class="footer__link-item">Download</a></li><li class="footer__item"><a href="https://docs.jsplumbtoolkit.com/toolkit/7.x/lib/npm-repository" target="_blank" rel="noopener noreferrer" class="footer__link-item">NPM Repository</a></li><li class="footer__item"><a class="footer__link-item" href="/trial">Try JsPlumb Toolkit for free</a></li></ul></div><div class="col footer__col"><div class="footer__title">LINKS</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">News</a></li><li class="footer__item"><a class="footer__link-item" href="/purchase">Pricing</a></li><li class="footer__item"> <div class="d-flex align-items-center mt-5"> <a href="https://github.com/jsplumb"><img class="me-2" src="/img/social-logos/github.svg" alt="github logo"></a> <a href="https://www.facebook.com/jsPlumbToolkit"><img class="mx-2" src="/img/social-logos/facebook.svg" alt="facebook logo"></a> <a href="https://www.linkedin.com/company/jsplumb/"><img class="mx-2" src="/img/social-logos/linkedin.svg" alt="linked in logo"></a> <a href="https://twitter.com/jsplumbtoolkit"><img class="mx-2" src="/img/social-logos/twitter.svg" alt="twitter logo"></a> </div></li></ul></div><div class="col footer__col"><div class="footer__title">INTEGRATIONS</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://angular.jsplumbtoolkit.com" target="_blank" rel="noopener noreferrer" class="footer__link-item">Angular</a></li><li class="footer__item"><a href="https://react.jsplumbtoolkit.com" target="_blank" rel="noopener noreferrer" class="footer__link-item">React</a></li><li class="footer__item"><a href="https://docs.jsplumbtoolkit.com/toolkit/7.x/lib/vue3-integration" target="_blank" rel="noopener noreferrer" class="footer__link-item">Vue</a></li><li class="footer__item"><a href="https://docs.jsplumbtoolkit.com/toolkit/7.x/lib/svelte-integration" target="_blank" rel="noopener noreferrer" class="footer__link-item">Svelte</a></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><a href="https://jsplumbtoolkit.com" rel="noopener noreferrer" class="footerLogoLink_BH7S"><img src="/img/logo-white.svg" alt="JsPlumb Toolkit" class="footer__logo themedComponent_mlkZ themedComponent--light_NVdE" width="160" height="51"><img src="/img/logo-white.svg" alt="JsPlumb Toolkit" class="footer__logo themedComponent_mlkZ themedComponent--dark_xIcU" width="160" height="51"></a></div><div class="footer__copyright">Copyright © 2025 JSPLUMB PTY LTD.</div></div></div></footer></div> </body> </html>