/quiver

Your quiver of declarative arrows for the web. ⤵

Primary LanguageTypeScriptMIT LicenseMIT

Quiver

Your quiver of arrows to declaratively render arrows in HTML. Connect an arrow to HTML elements via CSS selectors and this library will automatically track the movement and resizing of those elements and update the arrow accordingly. Your quiver comes with a growing number of types of arrows and the tools to easily create your own!

Warning

This library is still in development. 🚧 It's not published to npm yet. Expect breaking changes in minor releases until things stabilize in 1.0. Use in production at your own risk.

Documentation is WIP, in the meantime check out the demos for how to use this library and to see the existing types of arrows in action.

Types of Arrows

  • Curved Arrows (powered by perfect-arrows)
  • S-curves (powered by curved-arrows)
  • Orthogonal Edges
  • Xanadu Links
  • Directed Hyperedges
  • Sets (undirected hyperedges)
    • Convex Hull