Awesome GitHub RepositoriesChart Interaction Controls

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

billboard.js is a JavaScript charting library built on D3.js that renders interactive data visualizations from a single declarative configuration object. It supports a wide range of chart types including bar, line, pie, scatter, area, spline, step, candlestick, funnel, gauge, heatmap, radar, polar, treemap, bubble, donut, and sparkline charts, and can overlay multiple chart types within a single visualization. The library offers an opt-in Canvas rendering mode for improved performance with large datasets and high-density axis displays, alongside its standard SVG-based rendering. The library d

Flot is an interactive charting library for jQuery that renders line, bar, pie, and time-series plots with zooming and panning. It provides interactive plots for engineering and scientific data with customizable axes, scales, and series styles, and supports real-time data updates. The library is built as a jQuery plugin with a canvas-based rendering pipeline and a plugin extension system that allows third-party code to add new chart types, interactions, and data transformations. The library distinguishes itself through a broad range of specialized chart types, including candlestick, bubble, r

MUI X is a collection of advanced React UI components for building data-rich applications, including a data grid, charting library, date and time pickers, scheduler, and tree view. The library is built with accessibility as a core principle, ensuring all components meet WCAG and WAI-ARIA standards for keyboard navigation and screen reader announcements. The components are designed for extensibility and performance. The data grid offers comprehensive data management with sorting, filtering, pagination, column pinning, row grouping, inline editing, and Excel export. The charting library support

Spec is a comprehensive set of frontend coding standard specifications and project architecture guides. It provides a framework for organizing directory structures, module dependencies, and package layouts to create scalable and predictable codebases. The project defines rigorous governance standards for React components, including specific naming conventions and structural patterns for props. It also establishes a JSON API data specification to ensure predictable communication between system components through standardized exchange formats and HTTP response structures. The specification cov

XCL-Charts هي مكتبة رسوم بيانية أصلية لنظام Android مصممة كمحرك رسومات عالي الأداء لعرض تصورات بيانات تفاعلية ومعقدة. توفر إطار عمل شاملاً لرسم مخططات ثنائية وثلاثية الأبعاد متنوعة مباشرة على اللوحة الأصلية، مما يتيح إنشاء مكونات واجهة مستخدم مخصصة لتطبيقات الجوال. تتميز المكتبة ببنية قوية تتعامل مع رسم خرائط الإحداثيات والتركيب الموجه للكائنات، مما يسمح ببناء تخطيطات متطورة ومتعددة المحاور. وتدعم استكشاف البيانات في الوقت الفعلي من خلال التحويلات القائمة على الإيماءات، بما في ذلك التكبير والتحريك، وتستخدم الاستيفاء القائم على الحالة لتوفير انتقالات رسوم متحركة سلسة عند حدوث تحديثات البيانات. بعيداً عن إمكانيات العرض الأساسية، يوفر المشروع تحكماً دقيقاً في الجماليات المرئية وإدارة التخطيط. يمكن للمستخدمين دمج أنواع مخططات متعددة، وخطوط مرجعية، وطبقات بيانات معقدة لبناء لوحات تحكم مفصلة وواجهات تحليلات تفاعلية. يتم توزيع المكتبة كمكون أصلي، مما يوفر وصولاً مباشراً إلى أوليات الرسم لتصميم مرئي مخصص.

Angular-chart.js هي مكتبة رسوم بيانية للواجهة الأمامية توفر مجموعة من التوجيهات القابلة لإعادة الاستخدام لدمج محرك تصور Chart.js في تطبيقات AngularJS. تعمل كغلاف يغلف منطق العرض المعقد داخل مكونات تعريفية، مما يتيح إنشاء تمثيلات بيانات رسومية تفاعلية ومتجاوبة. تتميز المكتبة بتوفير مزامنة بيانات تفاعلية، والتي تؤدي تلقائياً إلى إعادة عرض اللوحة (canvas) كلما تغيرت البيانات الأساسية أو نماذج التكوين. كما تستخدم نظام تكوين قائماً على الموفر (provider-based)، مما يسمح للمطورين بمركزة التصميم العام، ولوحات الألوان، والإعدادات الافتراضية السلوكية لضمان عرض مرئي متسق عبر التطبيق بأكمله. يدعم المشروع نطاقاً واسعاً من قدرات التصور، بما في ذلك القدرة على تراكب أنواع مخططات متعددة على لوحة واحدة ودمج إضافات مخصصة لسلوكيات عرض متخصصة. تدير دورة حياة كل مثيل مخطط، وتوفر خطافات لتنظيف الموارد ومعالجة الأحداث لالتقاط تفاعلات المستخدم مثل النقرات والتحويم.