connect-it
connect-it is a web component designed to create various types of diagrams including flowcharts, mind maps, network diagrams, org charts, and flow diagrams using SVG lines. It is highly customizable and independent of node types, allowing developers to integrate any HTML element as a diagram node. Key features include customizable link colors and sizes, support for edge markers such as circles, squares, and triangles, and the ability to attach event handlers to edges for interactivity. Users can define mouseover, mouseout, and click events to create dynamic and responsive graph interactions. The component is framework-agnostic and can be installed via npm or included directly through CDNs like jsDelivr or unpkg. Usage involves wrapping nodes in a nodes tag and defining connections using edges tags, where source and target nodes are linked with optional styling attributes. Custom shapes can be defined within a shapes tag and referenced as edge markers. While it supports a wide range of visualizations, it curre