## NGX-Diagrams <img src="https://i.postimg.cc/mrZH51BT/icon.png" width="100">

> Light Weight, Modular, Typed Diagram Engine for Angular

Near zero dependency and a complete customizable diagram engine makes NGX-Diagrams the perfect fit to any project.

---

[![Downloads](https://img.shields.io/npm/dt/ngx-diagrams?style=flat-square)](https://www.npmjs.com/package/ngx-diagrams)
[![Build Status](https://travis-ci.com/DanielNetzer/ngx-diagrams.svg?branch=master)](https://travis-ci.com/DanielNetzer/ngx-diagrams)
[![Known Vulnerabilities](https://snyk.io/test/github/DanielNetzer/ngx-diagrams/badge.svg)](https://snyk.io/test/github/DanielNetzer/ngx-diagrams)
[![commitizen](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg?style=flat-square)](http://commitizen.github.io/cz-cli/)
[![PRs](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/DanielNetzer/ngx-diagrams)
[![coc-badge](https://img.shields.io/badge/codeof-conduct-ff69b4.svg?style=flat-square)](https://github.com/DanielNetzer/ngx-diagrams/blob/master/CODE_OF_CONDUCT.md)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)](https://github.com/semantic-release/semantic-release)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

NGX-Diagrams is a diagrams engine system, built on top of Angular and RxJS, which takes the idea of graphic visualization to the next level in terms of performance, rendering optimization, and customizability.

NGX-Digrams encourages creativity. It allows you to create any node, link, label, or even a custom entity and provide powerful tools with a moderate learning curve, suitable for both experienced and inexperienced developers alike.

- 🤓 Learn about it on our [Storybook](https://danielnetzer.github.io/ngx-diagrams)
- 🍄 Join NGX-Diagrams [Gitter](https://gitter.im/ngx-diagrams/community) room
