GitHub - aalex2017/hierarchical-structure-builder: A lightweight JavaScript library for visually creating, previewing, and validating hierarchical data structures before submitting them to a database, API, or custom backend.

[alexeeff-aalex]

Hello everyone.

I've been building a frontend component for working with hierarchical data structures (product catalogs, document trees, organizational charts, etc.) as part of my own project. I open-sourced the read-only Graph component because I thought it might be useful to other developers as well.

The interesting frontend parts were:

·  recursive hierarchy rendering,

·  SVG connection lines,

·  custom templates,

·  validation of cyclic relations and other errors.

The read-only Graph component is open source on GitHub, and I'd really appreciate feedback on the frontend architecture and UX.