awesome-repositories.com
المدونة
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

30 مستودعات

Awesome GitHub RepositoriesArea Selection

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.

Awesome Area Selection GitHub Repositories

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • plotly/plotly.jsالصورة الرمزية لـ plotly

    plotly/plotly.js

    18,227عرض على GitHub↗

    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.

    JavaScriptcharting-librarychartsd3
    عرض على GitHub↗18,227
  • josdejong/jsoneditorالصورة الرمزية لـ josdejong

    josdejong/jsoneditor

    12,247عرض على GitHub↗

    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.

    JavaScript
    عرض على GitHub↗12,247
  • retejs/reteالصورة الرمزية لـ retejs

    retejs/rete

    12,077عرض على GitHub↗

    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.

    TypeScriptdataflow-programmingflow-based-programminggraph-editor
    عرض على GitHub↗12,077
  • simular-ai/agent-sالصورة الرمزية لـ simular-ai

    simular-ai/Agent-S

    11,855عرض على GitHub↗

    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.

    Pythonagent-computer-interfaceai-agentscomputer-automation
    عرض على GitHub↗11,855
  • louis-e/arnisالصورة الرمزية لـ louis-e

    louis-e/arnis

    8,314عرض على GitHub↗

    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.

    Rustmapsminecraftopenstreetmap
    عرض على GitHub↗8,314
  • bytedance/flowgram.aiالصورة الرمزية لـ bytedance

    bytedance/flowgram.ai

    8,146عرض على GitHub↗

    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.

    TypeScriptaiautomationcoze
    عرض على GitHub↗8,146
  • apis-guru/graphql-voyagerالصورة الرمزية لـ APIs-guru

    APIs-guru/graphql-voyager

    8,144عرض على GitHub↗

    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.

    TypeScript
    عرض على GitHub↗8,144
  • codemirror/devالصورة الرمزية لـ codemirror

    codemirror/dev

    7,820عرض على GitHub↗

    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.

    JavaScript
    عرض على GitHub↗7,820
  • mobxjs/mobx-state-treeالصورة الرمزية لـ mobxjs

    mobxjs/mobx-state-tree

    7,050عرض على GitHub↗

    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.

    TypeScripthacktoberfestmobxmobx-state-tree
    عرض على GitHub↗7,050
  • microsoft/vscode-docsالصورة الرمزية لـ microsoft

    microsoft/vscode-docs

    6,549عرض على GitHub↗

    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.

    Markdownvscode
    عرض على GitHub↗6,549
  • vasturiano/3d-force-graphالصورة الرمزية لـ vasturiano

    vasturiano/3d-force-graph

    6,147عرض على GitHub↗

    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.

    HTML3d3d-force-graphd3js
    عرض على GitHub↗6,147
  • tldraw/draw-a-uiالصورة الرمزية لـ tldraw

    tldraw/draw-a-ui

    5,445عرض على GitHub↗

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

    Implements freeform lasso and rectangular region tools for selecting multiple canvas elements.

    TypeScript
    عرض على GitHub↗5,445
  • pauljuliusmartinez/jlessالصورة الرمزية لـ PaulJuliusMartinez

    PaulJuliusMartinez/jless

    5,433عرض على GitHub↗

    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.

    Rustclijsonrust
    عرض على GitHub↗5,433
  • sergeche/emmet-sublimeالصورة الرمزية لـ sergeche

    sergeche/emmet-sublime

    5,222عرض على GitHub↗

    هذا المشروع عبارة عن إضافة 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.

    JavaScript
    عرض على GitHub↗5,222
  • chakra-ui/zagالصورة الرمزية لـ chakra-ui

    chakra-ui/zag

    5,121عرض على GitHub↗

    Zag هي مكتبة آلة حالة واجهة مستخدم بدون رأس توفر منطق مكون غير مصمم لضمان سلوك متسق عبر محركات عرض مختلفة. تعمل كمجموعة أدوات لنمذجة تفاعلات واجهة المستخدم المعقدة باستخدام مخططات الحالة، وفصل المنطق الأساسي وسمات إمكانية الوصول عن التصميم المرئي. المكتبة لا تعتمد على إطار عمل، وتستخدم محولات متخصصة لربط منطق آلة الحالة الخاص بها بمكتبات JavaScript متنوعة مثل React و Solid و Vue و Svelte. يسمح هذا النهج للمطورين بالحفاظ على نموذج تفاعل واحد مع تطبيق أي حل CSS أو تصميم من خلال سمات البيانات القائمة على الحالة. تغطي Zag مجموعة واسعة من المجالات الوظيفية، بما في ذلك إدارة إمكانية الوصول الشاملة للتنقل بلوحة المفاتيح وسمات ARIA، بالإضافة إلى مجموعة واسعة من العناصر التفاعلية. تشمل هذه عناصر التحكم في الإدخال، وعناصر التنقل مثل القوائم وعلامات التبويب، ومكونات التراكب مثل مربعات الحوار والنوافذ المنبثقة، ومعالجة الوسائط المعقدة لاقتصاص الصور والتقاط التوقيعات. كما توفر أدوات لإدارة البيانات الهرمية، ومعالجة القوائم غير المتزامنة، ونظاماً لبناء جولات المنتج الموجهة.

    Implements state management for single and multiple node selection via user interaction or programmatic calls.

    TypeScripta11yaccessibilityagnostic
    عرض على GitHub↗5,121
  • b4winckler/macvimالصورة الرمزية لـ b4winckler

    b4winckler/macvim

    5,049عرض على GitHub↗

    MacVim هو تطبيق Cocoa أصلي ينفذ محرر النصوص Vim كواجهة مستخدم رسومية على macOS. يدمج محرك المحرر مباشرة في نافذة أصلية وحلقة أحداث، مما يسمح له بالعمل دون محاكي طرفية. يعمل المشروع كمحرر نصوص برمجي ومحرر ثنائي بنظام ست عشري. يوفر أدوات لتعديل البيانات الثنائية الخام عبر شبكة ست عشرية مرئية وتطبيق تصحيحات على الملفات الثنائية. يتميز المحرر بمعالجة الإدخال النمطي، والتمييز اللوني القائم على الأنماط، وتحديد الكتل المستطيلة. تشمل القدرات الإضافية سجل تراجع متعدد المستويات، وإكمال مسار الملف، والتدقيق الإملائي، والقدرة على الانتقال إلى أسطر كود محددة عبر رسائل خطأ المترجم. كما يدعم إدارة التخطيط عبر نوافذ متعددة وطي الكود، بالإضافة إلى عرض نصوص اللغة الفارسية.

    Allows users to select and modify non-linear vertical columns of text across multiple lines.

    C
    عرض على GitHub↗5,049
  • frontend-collective/react-sortable-treeالصورة الرمزية لـ frontend-collective

    frontend-collective/react-sortable-tree

    4,971عرض على GitHub↗

    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.

    JavaScriptcomponentdrag-and-drophierarchical-data
    عرض على GitHub↗4,971
  • alandefreitas/matplotplusplusالصورة الرمزية لـ alandefreitas

    alandefreitas/matplotplusplus

    4,894عرض على GitHub↗

    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.

    C++charting-librarychartscontour-plots
    عرض على GitHub↗4,894
  • jimhigson/oboe.jsالصورة الرمزية لـ jimhigson

    jimhigson/oboe.js

    4,819عرض على GitHub↗

    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.

    JavaScript
    عرض على GitHub↗4,819
  • nomcopter/react-mosaicالصورة الرمزية لـ nomcopter

    nomcopter/react-mosaic

    4,759عرض على GitHub↗

    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.

    TypeScriptreacttiling-window-managertypescript
    عرض على GitHub↗4,759
السابق12التالي
  1. Home
  2. User Interface & Experience
  3. Visual Node Editors
  4. Area Selection

استكشف الوسوم الفرعية

  • Geographic Bounding Boxes1 وسم فرعيInterfaces for defining rectangular regions on a map to specify areas for data extraction. **Distinct from Area Selection:** Focuses on geographic map regions rather than nodes in a visual editor or UI automation targets.
  • Interaction Area DefinitionsDefines rectangular screen coordinates to identify targets for automated GUI interactions. **Distinct from Area Selection:** Focuses on defining target areas for OS-level automation rather than selecting nodes in a visual editor.
  • Path-Based Node Selection6 وسوم فرعيةMechanisms for identifying and focusing on specific data nodes using unique path identifiers in nested structures. **Distinct from Area Selection:** Focuses on path-based unique identifiers for selection rather than visual area or lasso tools
  • Rectangular Text Selections1 وسم فرعيCapabilities for selecting text in rectangular block regions rather than linear streams. **Distinct from Area Selection:** Distinct from Area Selection: focuses on text grids in an editor rather than nodes in a visual editor.