Awesome GitHub RepositoriesNode and Edge Customizations

LogicFlow is an SVG-based flowchart editing framework and visual graph editor used for building customizable business process diagrams. It serves as a customizable diagramming engine for rendering business process models, entity relationship diagrams, and unified modeling language charts. The system is characterized by a plugin-based architecture that allows developers to define specialized graphical elements and register pluggable modules. A distinctive feature is its overlay system, which positions standard HTML components on top of the SVG canvas to create interactive menus and control pan

X6 is a JavaScript diagramming library and SVG graph rendering engine used to build interactive flowcharts, mind maps, and visual workflow editors. It provides a framework for defining customizable node and edge behaviors, utilizing a hybrid rendering approach that combines SVG and HTML. The library decouples the visual graph representation from underlying business logic and data structures through a dedicated state management system. It allows for extensive extensibility via a registration mechanism for custom nodes, edges, and canvas tools. The toolkit includes capabilities for automatic g

Visualize call graph of a Go program using Graphviz

Vue Flow is a TypeScript library for building interactive node-based editors and flowcharts. It provides the core infrastructure for creating diagrams where users can drag, select, and connect nodes with edges, supporting pan and zoom navigation of the canvas. The library offers extensive control over graph behavior and appearance, including the ability to customize connection lines, define custom edge types, and configure zoom constraints and viewport defaults. It includes built-in components like a minimap for navigation, zoom controls, and a fit-view button, along with features for node re

3d-force-graph is a WebGL-accelerated component for rendering interactive network graphs in three-dimensional space. Built on the ThreeJS library, it positions nodes using a force-directed physics simulation that can be driven by either a D3-force or ngraph engine, producing dynamic layouts that users can rotate, zoom, and pan using mouse, keyboard, or touch controls. The component distinguishes itself through comprehensive camera control capabilities, including programmatic positioning, animated transitions, automatic timed orbiting, and zoom-to-fit functionality that frames all nodes within

go-diagrams هي مكتبة تصور بلغة Go ومولد لغة DOT تستخدم لإنشاء مخططات بنية النظام. تنفذ نهج "المخططات ككود"، مما يسمح للمستخدمين بتعريف مكونات النظام، واعتمادات البنية التحتية، وتدفقات البيانات باستخدام كود Go المصدري. تترجم المكتبة هذه التعريفات القائمة على الكود إلى صيغة Graphviz DOT، والتي تتم معالجتها بعد ذلك بواسطة مجموعة أدوات Graphviz لتقديم أصول الصور المرئية النهائية. تدعم تعيين الحواف الاتجاهية لتوضيح الاعتمادات وتنظيم المكونات ذات الصلة في مجموعات مسماة لتمثيل الحدود المعمارية والطبقات المنطقية. تصدّر الأداة ملفات DOT التي تم إنشاؤها والصور المعروضة مباشرة إلى نظام الملفات المحلي للتوثيق والتحكم في الإصدار.

Infographic is a declarative SVG infographic engine and AI-powered generator that transforms structured specifications and natural language descriptions into complete visual layouts. At its core, it provides a data storytelling framework that combines AI-driven layout generation with multi-pattern composition, supporting linear, circular, radial, tree, and mirror arrangements for sequential, hierarchical, and comparative data structures. The project distinguishes itself through a canvas-based interactive editor with real-time element manipulation and state history management, alongside a serv

Diagram Maker هي مكتبة قائمة على الويب مصممة لبناء أدوات تصور الرسوم البيانية التفاعلية ونمذجة البيانات. توفر إطار عمل لعرض هياكل العقد والروابط، مما يسمح للمستخدمين بإنشاء بيئات تحرير مخصصة حيث يمكن تصور علاقات البيانات المعقدة ومعالجتها مباشرة في المتصفح. تستخدم المكتبة معمارية معيارية قائمة على المكونات الإضافية (plugin-driven) تمكن المطورين من توسيع وظائف التحرير الأساسية لتلبية متطلبات محددة دون تغيير الكود المصدري الأساسي. تدير المكتبة حالة التطبيق من خلال مخزن مركزي غير قابل للتغيير، مما يضمن بقاء التفاعلات وتحديثات البيانات متسقة عبر مساحة العمل بأكملها. يدعم إطار العمل مجموعة من القدرات المرئية والتحليلية، بما في ذلك القدرة على إضافة تعليقات توضيحية للبيانات الوصفية على الاتصالات، وحساب الحدود المكانية لتحديد موضع الكائنات بدقة، وتطبيق سمات ألوان بديلة. يتعامل النظام مع تفاعلات المستخدم من خلال نظام قائم على الأحداث ينسق التحديثات بين الواجهة المرئية ونموذج البيانات الأساسي.