30 مستودعات
Tools for selecting multiple nodes using lasso or rectangular region tools.
Distinct from Visual Node Editors: Distinct from general node editors: focuses on the specific interaction of region-based selection.
Explore 30 awesome GitHub repositories matching user interface & experience · Area Selection. Refine with filters or upvote what's useful.
Plotly.js is a JavaScript charting library and interactive graphing framework used to create web-based visualizations. It functions as a high-performance data visualization engine that utilizes both SVG for static elements and WebGL for hardware-accelerated rendering of large datasets and complex 3D plots. The library is distinguished by specialized toolkits for financial analysis, such as candlestick and OHLC charts, and geographic mapping tools for rendering choropleth and scatter maps with custom projections. It also supports complex scientific visualizations, including Sankey diagrams, pa
Provides box and lasso tools for selecting multiple data points within a visual region.
jsoneditor is a web-based JSON editor component designed for viewing, editing, and formatting structured data. It provides a user interface for managing JSON through multiple rendering modes, including tree, form, and code views. The project is distinguished by its ability to process and visualize exceptionally large datasets, utilizing virtualized memory management to handle JSON files up to 500 MiB without crashing the browser. It also includes a specialized syntax repair tool to convert malformed text into valid JSON and a data transformer for filtering, sorting, and reshaping documents vi
Tracks and retrieves specific data locations using unique identifiers to manage focus in nested JSON structures.
Rete is a framework for building interactive, node-based visual interfaces and dataflow programming environments. It provides a core engine that processes directed graphs, allowing developers to define modular logic where nodes represent operations and connections represent the flow of data or control. By decoupling the graph logic from the user interface, the framework enables the creation of custom visual editors that can be integrated into various frontend component libraries. The project distinguishes itself through a highly extensible, signal-driven architecture that supports complex req
Enables users to select multiple nodes by drawing a lasso or rectangular shape over the canvas.
Agent-S is a multimodal AI agent and LLM desktop automation framework designed to control operating systems through graphical user interface interactions. It functions as a computer use interface, utilizing vision-language grounding to translate natural language goals into precise screen coordinates and system actions. The project differentiates itself by combining structured accessibility tree inspection with vision-based element localization. It manages cross-application workflows by mapping conceptual descriptions to physical pixels and simulating low-level keyboard and mouse events to mov
Specifies rectangular regions on the screen using coordinates to identify elements for agent interaction.
Arnis is a web-based world builder and geographic data converter that translates open mapping and topographic data into three-dimensional digital maps. It functions as an OpenStreetMap terrain generator, converting real-world elevation and geographic data into playable 3D worlds. The project distinguishes itself by providing a browser-based interface for world generation, allowing users to select geographic areas and generate terrain without installing local software. It includes a cross-platform map exporter capable of producing world files compatible with various software versions and opera
Includes an interactive map interface for defining bounding boxes to target specific real-world terrains for extraction.
Flowgram.ai is a workflow development framework for building AI workflow platforms. It provides a visual drag-and-drop canvas for constructing workflows, an Entity-Component-System (ECS) based document model for structuring workflow nodes as a tree, and a node-based form engine for managing configuration forms with built-in rendering, validation, side effects, and error handling. The framework also includes a workflow execution engine that parses directed graph workflows and runs nodes step by step with state tracking and array iteration. The framework distinguishes itself through a layered r
Manages selection state of workflow nodes for user interaction and focus on specific elements.
GraphQL Voyager is a schema visualizer and data model explorer that provides an interactive graph representation of a GraphQL API. It serves as a documentation tool for inspecting types and fields by transforming schema introspection data into a visual interface. The tool maps the relationships between different types and fields, allowing for the analysis of complex data models and their connections. Users can filter the visual representation to remove deprecated fields or wrapper classes and use a dedicated information panel to examine technical specifications for specific data types.
Maps user clicks on graph elements to a side-panel display showing detailed metadata for the selected type.
CodeMirror is a browser-based code editor framework and modular extension system used to embed full-featured text editors into web pages. It functions as a syntax tree parsing engine and a language server protocol client, enabling structural language analysis and deep integration with external programming language services. The project is distinguished by its modular architecture, which uses a system of extensions and compartments for dynamic reconfiguration at runtime. It supports real-time collaborative editing and state synchronization through an operational transformation framework, allow
Enables selection of text in rectangular block regions across multiple lines using modifier keys.
MobX State Tree is a structured, tree-based state management library for JavaScript applications that combines typed model definitions with reactive snapshots and patch-based change tracking. It provides a reactive state container with runtime and compile-time type safety, where application state is defined as a tree of typed models with collocated actions, computed views, and lifecycle hooks for predictable state mutations. The library is built around an action-centric mutation model that encapsulates all state changes within named functions that directly modify the tree, supported by genera
Resolves state tree nodes by their JSON path, enabling programmatic navigation and access.
This repository contains the comprehensive documentation for a code editor focused on AI-assisted software development and remote development workflows. It covers the implementation of AI agents and language models used for autonomous code generation, large-scale refactoring, and task iteration. The project is distinguished by its deep integration of autonomous AI agents capable of web navigation, application logic validation, and orchestrating multi-step development processes. It provides specialized frameworks for tailoring AI behavior through custom instructions, model context protocols, a
Enables expanding selections to encompass entire logical block elements like tables or header sections.
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
Selects individual graph nodes by clicking for targeted interactions like highlighting or dragging.
هذا المشروع عبارة عن لوحة رسم بصرية مدعومة بالذكاء الاصطناعي وإطار عمل للسبورة البيضاء التعاونية. يعمل كمحرك رسم متجه قابل للتخصيص وأداة لتحويل رسومات الواجهة المرسومة يدوياً والنماذج الأولية (Wireframes) إلى كود وظيفي باستخدام الذكاء الاصطناعي. يتميز النظام بدمج وكلاء الذكاء الاصطناعي الذين يمكنهم قراءة وتعديل وتوليد المخططات البصرية مباشرة على اللوحة. كما يوفر محرر سير عمل يعتمد على العقد لبناء خطوط أنابيب الأتمتة وتدفقات معالجة البيانات من خلال ربط المكونات متعددة الوسائط. تغطي المنصة مجموعة واسعة من القدرات، بما في ذلك التعاون متعدد اللاعبين في الوقت الفعلي مع تتبع وجود المستخدم، ولوحة غير محدودة مع عرض مسرع بواسطة GPU، ومجموعة شاملة من أدوات معالجة الكائنات والمحاذاة. كما تنفذ معايير إمكانية الوصول إلى الويب وتوفر واجهة قابلة للبرمجة لتعريف الأشكال المخصصة وعناصر تحكم اللوحة البرمجية.
Implements freeform lasso and rectangular region tools for selecting multiple canvas elements.
jless هو مستكشف JSON تفاعلي وعارض سطر أوامر مصمم لقراءة وتصفح هياكل البيانات الهرمية داخل الطرفية (terminal). يعمل كمنسق JSON طرفي يقوم بعرض البيانات بشكل جميل من الملفات أو المدخلات القياسية، بما في ذلك دعم التنسيقات المحددة بسطر جديد. تعمل الأداة كمستخرج لمسار JSON، مما يسمح للمستخدمين بتحديد ونسخ مسارات التدوين بالنقطة أو الأقواس من الجذر إلى عقد محددة. كما تتضمن أداة بحث بالتعبيرات النمطية (regex) لتحديد مفاتيح وقيم معينة داخل مجموعات بيانات JSON باستخدام تعبيرات نمطية كاملة النص. يوفر التطبيق قدرات لتصفح البيانات الهرمية، مما يتيح للمستخدمين توسيع وطي الكائنات والمصفوفات. يتميز بتمييز الصيغة (syntax highlighting)، وترقيم الأسطر القابل للتكوين، والقدرة على استخراج قيم العقد المركزة أو المفاتيح مباشرة إلى حافظة النظام.
Tracks and identifies the specific path of focused JSON nodes using unique identifiers from the root.
هذا المشروع عبارة عن إضافة Sublime Text وامتداد محرر تطوير ويب يعمل كموسع اختصار ترميز. يسمح بالإنشاء السريع لكتل كود HTML وCSS مهيكلة عن طريق تحويل رموز اختصار موجزة تشبه CSS إلى ترميز وأوراق أنماط كاملة. توفر الأداة أتمتة متقدمة لسير عمل الويب، بما في ذلك إنشاء عناصر HTML متداخلة، وأسماء فئات BEM، وبادئات بائع CSS. كما تتضمن أدوات متخصصة لإنشاء تدرجات CSS مع بدائل توافق المتصفح وتحويل مسارات الصور إلى عناوين URL للبيانات المشفرة بـ base64. بعيداً عن إنشاء الكود، يغطي الامتداد معالجة هيكل الترميز والتنقل. يتضمن ذلك قدرات لموازنة اختيارات العلامات، والقفز بين أزواج العلامات المطابقة، وإجراء حسابات حسابية داخل الكود، وإنشاء نص وهمي للاختبار البصري. النظام قابل للتهيئة من خلال تعيين اسم مستعار للاختصار، وتعريفات مقتطفات مخصصة، وإضافات إضافية لتعديل الفلاتر والإجراءات الداخلية.
Expands or shrinks text selections by calculating the boundaries of nearest matching markup pairs.
Zag هي مكتبة آلة حالة واجهة مستخدم بدون رأس توفر منطق مكون غير مصمم لضمان سلوك متسق عبر محركات عرض مختلفة. تعمل كمجموعة أدوات لنمذجة تفاعلات واجهة المستخدم المعقدة باستخدام مخططات الحالة، وفصل المنطق الأساسي وسمات إمكانية الوصول عن التصميم المرئي. المكتبة لا تعتمد على إطار عمل، وتستخدم محولات متخصصة لربط منطق آلة الحالة الخاص بها بمكتبات JavaScript متنوعة مثل React و Solid و Vue و Svelte. يسمح هذا النهج للمطورين بالحفاظ على نموذج تفاعل واحد مع تطبيق أي حل CSS أو تصميم من خلال سمات البيانات القائمة على الحالة. تغطي Zag مجموعة واسعة من المجالات الوظيفية، بما في ذلك إدارة إمكانية الوصول الشاملة للتنقل بلوحة المفاتيح وسمات ARIA، بالإضافة إلى مجموعة واسعة من العناصر التفاعلية. تشمل هذه عناصر التحكم في الإدخال، وعناصر التنقل مثل القوائم وعلامات التبويب، ومكونات التراكب مثل مربعات الحوار والنوافذ المنبثقة، ومعالجة الوسائط المعقدة لاقتصاص الصور والتقاط التوقيعات. كما توفر أدوات لإدارة البيانات الهرمية، ومعالجة القوائم غير المتزامنة، ونظاماً لبناء جولات المنتج الموجهة.
Implements state management for single and multiple node selection via user interaction or programmatic calls.
MacVim هو تطبيق Cocoa أصلي ينفذ محرر النصوص Vim كواجهة مستخدم رسومية على macOS. يدمج محرك المحرر مباشرة في نافذة أصلية وحلقة أحداث، مما يسمح له بالعمل دون محاكي طرفية. يعمل المشروع كمحرر نصوص برمجي ومحرر ثنائي بنظام ست عشري. يوفر أدوات لتعديل البيانات الثنائية الخام عبر شبكة ست عشرية مرئية وتطبيق تصحيحات على الملفات الثنائية. يتميز المحرر بمعالجة الإدخال النمطي، والتمييز اللوني القائم على الأنماط، وتحديد الكتل المستطيلة. تشمل القدرات الإضافية سجل تراجع متعدد المستويات، وإكمال مسار الملف، والتدقيق الإملائي، والقدرة على الانتقال إلى أسطر كود محددة عبر رسائل خطأ المترجم. كما يدعم إدارة التخطيط عبر نوافذ متعددة وطي الكود، بالإضافة إلى عرض نصوص اللغة الفارسية.
Allows users to select and modify non-linear vertical columns of text across multiple lines.
This project is a React drag-and-drop tree component and tree data management utility used for rendering nested hierarchical data. It provides a sortable hierarchical list that allows users to manage parent-child relationships and visualize complex tree structures. The component enables interactive tree restructuring, where users can reorganize the hierarchy by dragging and dropping nodes to change their parent or sequence. It supports moving or copying nodes between different tree instances and provides controls to enforce movement restrictions based on custom logic or depth limits. The too
Identifies unique nodes within the hierarchy using arrays of indices to locate elements regardless of their depth.
This C++ data visualization library is a scientific plotting framework used to create 2D and 3D charts, network graphs, and geographic maps. It operates as a multi-backend graphics library, decoupling high-level plotting logic from low-level rendering engines to support various output backends. The project distinguishes itself with a dual-interface API, providing both a global functional interface for rapid prototyping and an object-oriented interface for precise control. It features a component-based layout engine for managing tiled grids and subplots, alongside a layered plot state that all
Defines the bounding box for latitude and longitude ranges to focus the map view.
oboe.js هو محلل JSON للبث (Streaming) وعميل HTTP مصمم لمعالجة البيانات بشكل تزايدي. يسمح للتطبيقات بالتعامل مع كائنات JSON الفردية فور وصولها من طلب شبكة أو بث قابل للقراءة قبل اكتمال التنزيل بالكامل. تعمل المكتبة كمحول لبث JSON، مما يتيح تعديل وتصفية وتعيين العقد (Nodes) أثناء التنقل. وتتميز باختيار العقد بناءً على المسار لتشغيل دوال الاستدعاء (Callbacks) عند مطابقة أنماط معينة، ويمكنها إنهاء اتصال الشبكة مبكراً بمجرد العثور على البيانات المطلوبة لتوفير النطاق الترددي. للتعامل مع مجموعات بيانات أكبر من ذاكرة النظام المتاحة، تستخدم المكتبة إدارة ذاكرة قائمة على البث للتخلص من العقد التي تمت معالجتها. كما تدعم دمج السجلات التاريخية مع التحديثات في الوقت الفعلي من خلال اتصالات طويلة الأمد، وتوفر القدرة على استعادة البيانات الجزئية في حال انقطاع الاتصال.
Triggers callbacks by monitoring the current depth and key sequence of the JSON tree during parsing.
react-mosaic is a React tiling window manager used to organize components into a resizable grid of windows and tabbed containers. It provides a layout system featuring resizable split panes and a draggable window orchestrator for arranging content into nested rows and columns. The system includes a serializable layout engine that converts window arrangements into JSON, enabling the persistence and restoration of workspace configurations across sessions. It supports a tabbed workspace interface where multiple panels are grouped into single areas with switchable headers. The project covers com
Identifies specific panels within nested hierarchies using unique keys and numeric path arrays.