Awesome GitHub RepositoriesDeclarative Charting Components

Charts is a mobile data visualization library designed for rendering interactive graphical representations of complex datasets. It provides a declarative configuration interface that maps data structures to visual components, supporting a variety of chart types including line, bar, pie, scatter, and radar plots. The library distinguishes itself through a hardware-accelerated drawing layer that ensures high-performance rendering across mobile platforms. It features a gesture-driven transformation engine that enables users to pan, zoom, and scale views, alongside an interpolated animation syste

This project is a declarative data visualization library that provides a composable suite of user interface components for rendering interactive charts. It functions as an SVG-based charting engine, allowing developers to construct complex visualizations by nesting modular building blocks such as axes, grids, legends, and data series within a unified layout. The library distinguishes itself through a highly responsive architecture that automatically reconciles layout changes and maps data domains to pixel coordinates using mathematical scale functions. It prioritizes performance through memoi

vx is a declarative charting framework and SVG data visualization library. It serves as an integration layer that combines D3 mathematical scales and shapes with a component-based UI for rendering visualizations. The project provides a set of building blocks for constructing custom charts and diagrams using React components. It bridges mathematical data and visual representation by utilizing low-level primitives to manage scalable vector graphics without manual document object model manipulations. The library covers a broad capability surface including custom chart development, declarative S

vue-echarts هو غلاف تخطيطي تعريفي ومكون Vue.js لمكتبة Apache ECharts. يعمل كمكتبة لتصور البيانات تقوم بتعيين التكوينات وتحديثات البيانات إلى محرك عرض، مما يتيح تضمين الرسوم البيانية والمخططات التفاعلية كمكونات ويب قابلة لإعادة الاستخدام. يوفر المشروع نظاماً لإدارة الاتساق البصري من خلال تكوين السمات والحقن القائم على السياق. ويسمح بتخصيص عميق لواجهة التصور، بما في ذلك استخدام الفتحات ذات النطاق (scoped slots) لعرض ترميز HTML مخصص داخل تلميحات الأدوات وبناء عناصر رسومية معقدة. تتعامل المكتبة مع متطلبات التصور الشائعة مثل تغيير الحجم التلقائي المستجيب، وربط الأحداث لتفاعلات المستخدم، وإدارة مؤشرات حالة التحميل. وللحفاظ على الأداء، تستخدم نظام تحديث يحسب تغييرات التكوين الجزئية لتحديث المخططات دون إجراء عمليات إعادة تهيئة كاملة.

vue-echarts is a data visualization library and a reactive wrapper for Apache ECharts, designed to integrate complex charts and graphics into Vue.js applications using a declarative, component-based approach. It functions as an interface that synchronizes charting engine instances with reactive state. The project provides a declarative graphics interface for building custom chart overlays, shapes, and text elements using a component-based slot architecture. It distinguishes itself by allowing the injection of custom components into chart elements, such as tooltips, via scoped slots rather tha

react-vis is a declarative, component-based React data visualization library. It provides a framework of reusable building blocks for rendering interactive charts and graphs by mapping raw data to visual attributes such as position, color, and size. The system leverages D3 for its scaling and layout logic. The library is distinguished by its ability to handle complex data relationships, including hierarchical data via tree maps and circle packing, as well as multidimensional analysis using parallel axes and radar charts. It also supports network flow mapping to illustrate the volume and direc

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

F2 is a cross-platform charting engine and grammar-based visualization tool designed to render interactive data visualizations. It functions as a declarative system that allows users to build complex charts by defining the relationships between data dimensions and visual encoding channels. The framework is specifically optimized for mobile data visualization, providing a toolkit for creating touch-optimized charts. It supports custom data visualization styling, enabling the use of personalized shapes and animations to define a unique visual identity. The engine provides a platform-agnostic r

react-chartjs-2 is a data visualization library that provides a set of React components to integrate the Chart.js library. It serves as a component-based charting interface for rendering dynamic data visualizations and graphs based on structured data sets. The project provides a declarative way to manage chart configurations and data updates. It maps component props to the underlying charting engine, allowing users to modify visual options and data dynamically to refresh displays. The library covers broader data visualization development, including the implementation of dynamic dashboards an

BizCharts is a React charting library that wraps the G2 grammar of graphics, providing declarative React components for building interactive data visualizations. It bridges G2's imperative charting API with React's declarative component model, enabling chart creation through nested component composition without writing imperative code. The library distinguishes itself by mapping G2's grammar of graphics primitives directly to React component types, allowing chart series like line, bar, and scatter to be expressed as interchangeable React components. It synchronizes G2 chart instance creation,

Vega-Lite is a high-level declarative language for specifying interactive, multi-view visualizations. It compiles a concise JSON specification into a full Vega visualization, automatically inferring scales, axes, and legends from encoding declarations. The grammar-of-graphics encoding maps data fields to visual channels such as position, color, size, and shape, while a multi-view composition grammar enables layered, faceted, concatenated, and repeated layouts. Reactive parameter binding links named parameters to input widgets, selections, and expressions for dynamic updates. The project suppo

ngx-charts is an Angular charting library and SVG data visualization framework. It provides a set of declarative UI components for rendering animated and interactive charts and graphs within Angular applications. The library allows for the assembly of specialized visualizations by combining low-level internal charting components. It supports the creation of custom charts through the use of mathematical scales, shape generators, and CSS styling overrides. The framework covers a wide range of visualization types, including comparison charts such as bar and line graphs, distribution visualizati

React Native Chart Kit is a library of responsive charting components designed for rendering interactive data visualizations within cross-platform mobile applications. It provides a suite of UI elements that map data properties to visual representations, utilizing scalable vector graphics to maintain clarity across diverse screen densities and resolutions. The library distinguishes itself through a platform-agnostic layout engine that ensures consistent alignment and responsiveness across different mobile devices. It integrates directly with native touch event systems, enabling users to explo

Ant Design Charts is a data visualization framework and declarative component library designed for React applications. It provides a collection of reusable components that map complex datasets to graphical representations, enabling the creation of interactive charts, plots, and maps within web interfaces. The library utilizes a grammar-based mapping system to transform raw data into visual properties, supported by a layered graphic abstraction that separates data representation from interactive elements. It employs a canvas-based rendering engine to maintain performance when handling large da

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

Rough Charts is a React-based charting library that provides a set of modular components for building data visualizations. It enables the creation of custom charts and graphs through a declarative syntax, allowing developers to compose complex layouts by nesting individual elements like axes, series, and tooltips. The library distinguishes itself by applying a procedural, hand-drawn aesthetic to all rendered graphics. By utilizing randomized offsets to generate irregular line paths, it produces visualizations that mimic the appearance of sketches. This style is applied to standard chart eleme

React Native Gifted Charts is a mobile-first data visualization framework designed for building interactive and animated graphical representations within React Native applications. It functions as a declarative component library that enables developers to render complex datasets through a variety of visual formats, including bar, line, area, pie, and scatter plots. The library distinguishes itself through a native-driven rendering engine that utilizes vector graphics primitives to draw shapes and paths directly on the screen. It supports sophisticated visual configurations such as gradients,