Awesome GitHub RepositoriesJSON Data Chart Renderers

This is a Vue.js admin dashboard built with Element UI that provides a backend management interface for overseeing stores, products, users, and system settings. The project combines Vue's reactive component model with Element-UI's pre-built widget library to construct a consistent admin interface, using Vue Router for client-side navigation and Vuex for centralized state management. The admin panel enforces role-based access control, checking user permissions at route entry points and component boundaries to block unauthorized actions before they execute. It includes authentication and sessio

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

TimelineJS is a JavaScript library for creating interactive, chronological narratives and visualizing multimedia sequences. It functions as a tool for data-driven storytelling, rendering a navigable interface where events are organized by date. The system generates these narratives by importing event information from external sources, such as JSON files or spreadsheets. It transforms external media links into embedded video and audio elements and synchronizes the current view with the browser address bar to allow for direct linking and bookmarking. The library covers broad capabilities for d

react-vis is a React data visualization library and declarative charting framework used to create composable graphical representations. It provides a system for rendering complex visualizations by composing simple building blocks into larger chart structures. The library includes specialized tools for hierarchical data mapping via sunburst diagrams and tree maps, as well as flow and relationship visualization using Sankey diagrams. It also provides a multivariate data visualizer for plotting high-dimensional data through parallel coordinates, radar charts, and radial visualizations. The fram

Flutter Deer is a Flutter practice project that demonstrates realistic application patterns across Android and iOS. It showcases how to structure a Flutter app with modular routing, reactive state management using Provider, and a centralized network layer built with Dio for structured API calls and error handling. The project also includes integration and accessibility testing that simulates real user interactions to verify UI behavior and screen-reader compatibility. The project differentiates itself by providing a comprehensive showcase of custom UI components and interactions, including ca

GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts, organizational charts, and network diagrams. It functions as a data-driven framework that binds JavaScript data models to visual elements, enabling bidirectional synchronization between the underlying data and the graphical representation. The library features a comprehensive graph layout engine capable of automatically arranging nodes into trees, grids, circles, or force-directed layouts. It distinguishes itself through a template-based system for generating visual parts and a

charts.css is a CSS-driven framework designed to transform semantic HTML into accessible data visualizations without relying on JavaScript. It functions as a charting library that uses standard HTML structures, such as tables and lists, to render graphs while maintaining full compatibility with screen readers. The project distinguishes itself by using CSS variables to map numeric data to visual dimensions and utility classes to control chart types and layouts. It supports a wide range of visual styles, including 3D effects, reflection effects, and customized color palettes integrated via a br

Chartkick is a Ruby on Rails visualization library and JavaScript charting wrapper that provides a high-level interface for integrating interactive charts into web applications. It functions as a multi-engine charting adapter, wrapping various JavaScript charting libraries to provide a consistent API for rendering data visualizations. The project is distinguished by its engine abstraction, which allows users to switch between different JavaScript charting libraries without modifying the underlying data sources. It also supports asynchronous data visualization, fetching chart data from remote

Rickshaw is a JavaScript library for building interactive, SVG-based time series charts in the browser. It provides a framework for rendering line, area, bar, and scatterplot visualizations from data series, with built-in support for axes, legends, color palettes, and interactive controls. The library distinguishes itself through a plugin-based architecture that allows renderers to be swapped at runtime, such as switching between stacked area and line chart views while preserving chart state. It includes an event-driven interaction layer for hover details, click behaviors, and drag-based rang

Simple flow library 🖥️🖱️

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

vue-chartjs is a component library that wraps Chart.js chart types as reusable Vue components, integrating the charting library into Vue's component model. It provides reactive props binding so that charts automatically redraw when data or options change, and exposes the underlying Chart.js instance via template refs for direct programmatic access. The library also forwards Chart.js interaction events like clicks and hovers to Vue component event handlers, and applies ARIA labels to chart elements for screen reader support. The library distinguishes itself by offering typed Vue components for

ChartView is a SwiftUI-native charting library that provides bar, line, pie, and ring chart components within a unified grid-based layout system. The library renders charts by composing SwiftUI views declaratively from data models, letting the framework handle layout and updates without intermediate drawing layers. The library supports multiple chart types that share a common grid layout, enabling composable data visualizations with synchronized axes and backgrounds. Bar charts display data as vertical bars, line charts plot connected data points with gradient fills and optional markers, pie

tui.chart هي مكتبة لتصور بيانات JavaScript ومحرك رسوم بيانية متعدد الأنواع يُستخدم لعرض مخططات إحصائية تفاعلية. يعمل كإطار عمل رسوم بيانية متجاوب ومتصور بيانات في الوقت الفعلي، ويستخدم HTML5 Canvas لعرض عالي الأداء لمجموعات البيانات المتنوعة. توفر المكتبة مجموعة واسعة من التنسيقات المرئية، بما في ذلك أنواع المخططات الخطية، والدائرية، والقائمة على الشبكة، والهرمية، والإحصائية. يغطي هذا كل شيء من المخططات الشريطية والخطية والدائرية القياسية إلى تصورات أكثر تخصصاً مثل مخططات الرادار، والخرائط الشجرية، والمخططات الفقاعية، ومخططات الصندوق. يتضمن المحرك قدرات شاملة لمراقبة البيانات في الوقت الفعلي مع تحديثات مباشرة وتطوير لوحات معلومات تفاعلية. يدعم نماذج تفاعل متقدمة مثل التكبير، واختيار السلسلة، وتلميحات الأدوات المتزامنة عبر مخططات متعددة، مع توفير أدوات تصدير البيانات لتنسيقات CSV وXLS وPNG وJPEG. يدير إطار العمل التخطيطات التكيفية من خلال مراقب تغيير الحجم الذي يضبط تلقائياً خيارات المخطط والرسوم المتحركة بناءً على أبعاد الحاوية.

هذا المشروع عبارة عن مكتبة جداول محورية (pivot table) JavaScript ومعالج بيانات من جانب العميل. يوفر واجهة تفاعلية لتحويل مجموعات البيانات الخام إلى جداول ملخصة، وخرائط حرارية، ومخططات، مما يسمح بتحليل البيانات القائم على المتصفح دون خادم خلفي. تتميز المكتبة بواجهة سحب وإفلات لاستكشاف البيانات الديناميكي والقدرة على اشتقاق سمات جديدة عبر تجميع التواريخ أو المنطق المخصص. تدعم رندرة البيانات المرنة عن طريق تحويل النتائج المحللة إلى جداول HTML أو تمثيلات رسومية باستخدام مكتبات مخططات مدمجة أو تابعة لجهات خارجية. يغطي النظام مجموعة واسعة من القدرات التحليلية، بما في ذلك تجميع البيانات الإحصائية، واستيراد البيانات متعدد التنسيقات من CSV وJSON، وتصدير العروض إلى قيم مفصولة بعلامات تبويب. كما يتضمن إدارة الحالة لتسلسل إعدادات التخطيط وطبقة توطين لتنسيق اللغة والأرقام الإقليمية.

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

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

mplfinance هو إطار عمل لرسم السلاسل الزمنية المالية وتصور بيانات السوق مبني على Matplotlib. صُمم لعرض إطارات بيانات السوق في مخططات متخصصة، بما في ذلك الشموع اليابانية، وأشرطة OHLC، ومكعبات Renko، وأعمدة النقطة والشكل. تتميز المكتبة بإطار عمل مخصص لبيانات السوق يدير تقويمات التداول وفترات عدم التداول، مما يضمن تباعداً زمنياً دقيقاً عن طريق طي الفجوات خلال العطلات. كما توفر نظاماً لرسم مخططات التحليل الفني، مما يتيح تراكب المتوسطات المتحركة، وأشرطة الحجم، والمؤشرات الفنية الأخرى على مخططات حركة السعر. تغطي مجموعة الأدوات نطاقاً واسعاً من القدرات، بما في ذلك تنظيم المخططات الفرعية المكدسة عمودياً مع محاور مشتركة وتطبيق سمات مرئية متسقة. وهي تدعم تعليقات السوق مثل خطوط الاتجاه، والتعامل مع البيانات المفقودة، والقدرة على تحديث المخططات لتغذية البيانات في الوقت الفعلي. يمكن تصدير التصورات إلى تنسيقات مختلفة بما في ذلك PDF و SVG و PNG و JPG.

viz-js is a JavaScript rendering library and graph visualization engine that converts Graphviz DOT language descriptions into visual diagrams. It functions as a Graphviz rendering library designed to produce SVG output for web applications. The project utilizes a WebAssembly port of the Graphviz C library to execute layout engines directly in the browser. To maintain interface responsiveness, it processes computationally expensive layout calculations within background worker threads and uses a standardized JSON format for layout serialization. The library provides tools for dynamic graph vis