ng-gd

NgGd is an Angular library that simplifies canvas management by providing a service for creating, manipulating, and interacting with graphical objects and charts. It enables developers to build interactive data visualizations and diagrams with built-in event detection for mouse and tablet inputs.

Key Features

• Canvas Object Management — Create and manage shapes (circles, rectangles, triangles, polygons), nodes, connections, labels, and images on a canvas.
• Interactive Event Handling — Detect clicks, touches, and drag events on objects with support for mouse and tablet interactions.
• Charting Capabilities — Generate bar charts, line charts, candlestick charts, and pie charts directly on the canvas.
• Layer Management (ZOrder) — Control object layering with functions to bring objects to front, back, or adjust their plane order.
• Light/Dark Mode — Toggle between light and dark visual themes for the canvas background and ink colors.
• Zoom and Transformation — Zoom into specific canvas points and handle multi-touch gestures for scaling.

Philosophy

NgGd aims to provide a straightforward, service-based API for Angular developers to create rich, interactive canvas applications without dealing with low-level Canvas API complexities.