14 repository-uri
Tools and settings for configuring the visual representation of data sets in user interfaces.
Distinguishing note: Focuses on the visual styling and configuration of charts rather than the underlying data processing.
Explore 14 awesome GitHub repositories matching user interface & experience · Data Visualization Components. Refine with filters or upvote what's useful.
This project is a generative development environment designed to build reactive, modular user interfaces through natural language prompts. It functions as a declarative framework that translates descriptive requirements into functional code, structured layouts, and interactive components. By utilizing a reactive state architecture, the system ensures that application data remains synchronized across components, triggering automatic updates whenever state values are modified. The platform distinguishes itself through its automated design system generation and cross-platform capabilities. It em
Displays accessible data visualizations by following specific guidance on chart structure and readability.
Twenty is a headless customer relationship management framework that enables developers to build, version, and deploy custom business applications using code. By utilizing a declarative approach to data modeling, the platform allows for the definition of custom objects, fields, and complex relationships directly within the source code. This schema-driven architecture automatically generates corresponding REST and GraphQL APIs, ensuring that data structures and interface components remain synchronized across development and production environments. The platform distinguishes itself through a m
Provides granular control over the visual presentation of charts, including color palettes, axis labels, and legend visibility.
Tabler is a comprehensive UI framework designed for building responsive, data-heavy administrative panels and enterprise web applications. It provides a unified collection of pre-styled components and layout patterns that allow developers to construct complex dashboard interfaces using a consistent design system. The project distinguishes itself through a metadata-driven approach to interactivity, where complex component behaviors and state transitions are initialized by parsing configuration attributes directly from HTML elements. This allows for the creation of interactive interfaces withou
Includes integrated charting and mapping components to transform raw datasets into interactive graphical representations.
Glance is a self-hosted web portal designed to aggregate real-time data, system monitoring, and content feeds into a single, customizable dashboard. It functions as a centralized interface for managing internal tools and network services, allowing users to secure their portal with password authentication and define the application's visual identity and layout through structured configuration files. The platform is built on a modular widget engine that treats individual dashboard components as isolated units. This architecture enables users to arrange widgets into custom pages and columns, wit
Transforms raw JSON responses into formatted, readable widgets.
Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti
Optimizes the display of large datasets using virtualized lists and hierarchical structures.
Reflex is a full-stack web framework that enables the development of complete web applications using only Python. It provides a unified environment where server-side logic and client-side interfaces are synchronized through a shared, event-driven architecture. By using a declarative component language, the framework compiles code into reactive frontend elements and backend event handlers, allowing developers to manage the entire application lifecycle within a single codebase. The framework distinguishes itself through its reactive state management and integrated AI-assisted development tools.
Visualizes numerical data using interactive charts and graphs.
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
Chart components enable building complex visualizations by combining modular building blocks like axes, grids, legends, and tooltips into a single declarative layout.
Visx is a collection of modular, low-level primitives designed for building custom data visualizations within a React component architecture. It functions as a toolkit for mapping data to coordinate systems and geometric shapes, allowing developers to construct bespoke charts and graphs that integrate directly into the standard component lifecycle. The library utilizes a decoupled package architecture, enabling the use of specific visualization utilities without requiring the entire framework. By leveraging established mathematical primitives for geometric calculations and functional data tra
Provides modular building blocks for assembling bespoke data charts and graphs within user interfaces.
Tremor is a React component library designed for building analytical dashboards and data-driven web interfaces. It provides a collection of modular UI elements and pre-styled charts that allow developers to render complex datasets into clear visual summaries. The library functions as a utility-first UI kit that integrates with styling frameworks to ensure consistent design across dashboard layouts. By utilizing a declarative composition model, it enables the assembly of interfaces through reusable layout containers and property-driven visual configuration, decoupling raw data processing from
Provides a comprehensive set of pre-styled charts and metrics components for analytical applications.
This project is a declarative visualization library and geospatial framework designed for rendering large-scale data sets within web browsers. It functions as a high-performance graphics engine that leverages hardware acceleration to display complex 2D and 3D visual layers, enabling the visualization of millions of data points through a structured, component-based syntax. The framework distinguishes itself through its ability to synchronize custom data visualizations with third-party mapping platforms. By managing camera states and coordinate systems, it allows developers to overlay high-perf
Constructs complex visualizations using declarative syntax to define layers and widgets as nested components.
Perspective is a columnar data analytics engine and high-performance visualization component powered by WebAssembly. It provides a system for analyzing and visualizing large or streaming datasets through interactive data grids and charts, utilizing a compiled binary to achieve near-native performance within the browser. The project distinguishes itself through a WebSocket-based data streaming interface and deep Apache Arrow integration, which minimize memory overhead when synchronizing tables between servers and clients. It acts as a remote query proxy capable of translating visualization con
Provides a high-performance UI component for analyzing and visualizing large or streaming datasets using a WebAssembly-powered engine.
echarts-for-react este o bibliotecă de grafice React și o componentă de vizualizare a datelor care servește drept wrapper pentru biblioteca Apache ECharts. Aceasta permite randarea vizualelor de date complexe și a graficelor în cadrul unei arhitecturi bazate pe componente, utilizând configurații declarative. Biblioteca oferă un mecanism pentru a accesa instanța de vizualizare subiacentă, permițând operațiuni de nivel scăzut, cum ar fi exportul de imagini și redimensionarea manuală. De asemenea, suportă legarea funcțiilor personalizate la evenimentele de vizualizare pentru a declanșa logica aplicației pe baza interacțiunilor utilizatorului. Setul de instrumente acoperă configurarea comportamentului general al graficelor și strategiile de actualizare. De asemenea, suportă importarea doar a componentelor specifice pentru a reduce dimensiunea totală a bundle-ului aplicației.
Provides a UI element for displaying complex charts and graphs based on declarative configuration.
Angular-chart.js este o bibliotecă de charting frontend care oferă un set de directive reutilizabile pentru integrarea motorului de vizualizare Chart.js în aplicațiile AngularJS. Funcționează ca un wrapper care încapsulează logica complexă de randare în componente declarative, permițând crearea de reprezentări grafice de date interactive și responsive. Biblioteca se distinge prin furnizarea sincronizării reactive a datelor, care declanșează automat re-randarea canvas-ului ori de câte ori datele subiacente sau modelele de configurare se schimbă. Utilizează, de asemenea, un sistem de configurare bazat pe provideri, permițând dezvoltatorilor să centralizeze stilizarea globală, paletele de culori și valorile implicite de comportament pentru a asigura o prezentare vizuală consistentă în întreaga aplicație. Proiectul suportă o gamă largă de capabilități de vizualizare, inclusiv capacitatea de a suprapune mai multe tipuri de grafice pe un singur canvas și integrarea plugin-urilor personalizate pentru comportamente de randare specializate. Gestionează întregul ciclu de viață al fiecărei instanțe de grafic, oferind hook-uri pentru curățarea resurselor și gestionarea evenimentelor pentru a captura interacțiunile utilizatorului, cum ar fi click-urile și hover-urile.
Offers reusable interface elements for rendering interactive charts that update automatically with data changes.
Light Bootstrap Dashboard este un framework pentru construirea interfețelor administrative și a backend-urilor de gestionare. Acesta oferă o colecție de componente pre-stilate și layout-uri responsive concepute pentru a facilita dezvoltarea aplicațiilor web personalizate și a instrumentelor interne. Proiectul se distinge prin capabilități integrate de vizualizare a datelor, permițând randarea diagramelor și graficelor interactive pentru a urmări metricile de business, tendințele vânzărilor și modelele de implicare a utilizatorilor. Include instrumente specifice pentru monitorizarea performanței campaniilor și a stării sistemului, susținute de un sistem de notificare bazat pe evenimente care alertează utilizatorii cu privire la evenimentele aplicației. Framework-ul utilizează o arhitectură modulară bazată pe componente și un sistem de grid responsive pentru a asigura branding-ul vizual și layout-ul consistent pe diferite rezoluții de ecran. Utilizatorii pot personaliza interfața prin opțiuni de configurare pentru scheme de culori și imagini de fundal, în timp ce utilitarele încorporate de gestionare a sarcinilor ajută la urmărirea progresului proiectului și a fluxurilor de lucru administrative.
Provides specialized graphing components for rendering interactive data representations within the dashboard.