2 Repos
Custom UI components that wrap external visualization libraries to manage their lifecycle and dimensions.
Distinct from Component Library Architectures: Focuses on wrapping a heavy third-party graphics engine into a manageable UI component, not general component library architecture
Explore 2 awesome GitHub repositories matching user interface & experience · Visualization Component Wrappers. Refine with filters or upvote what's useful.
vue-echarts ist ein deklarativer Charting-Wrapper und Vue.js-Komponente für die Apache ECharts-Bibliothek. Es fungiert als Datenvisualisierungsbibliothek, die Konfigurationen und Daten-Updates auf eine Rendering-Engine abbildet, was das Einbetten interaktiver Graphen und Charts als wiederverwendbare Web-Komponenten ermöglicht. Das Projekt bietet ein System zur Verwaltung visueller Konsistenz durch Theme-Konfiguration und kontextbasierte Injektion. Es erlaubt eine tiefe Anpassung des Visualisierungs-Interfaces, einschließlich der Verwendung von Scoped Slots, um benutzerdefiniertes HTML-Markup innerhalb von Tooltips zu rendern und komplexe grafische Elemente zu konstruieren. Die Bibliothek handhabt gängige Visualisierungsanforderungen wie automatisches responsives Resizing, Event-Binding für Benutzerinteraktionen und die Verwaltung von Ladezustandsindikatoren. Um die Performance zu erhalten, verwendet sie ein Update-System, das partielle Konfigurationsänderungen berechnet, um Charts zu aktualisieren, ohne vollständige Neu-Initialisierungen durchzuführen.
Wraps the Apache ECharts engine within a Vue component lifecycle to manage instance creation and destruction.
This is a chart library for rendering interactive data visualizations within WeChat Mini Programs using the Apache ECharts engine. It provides a set of visual components that use 2D canvas interfaces to render line, bar, pie, and scatter plots. The library utilizes a 2D canvas interface to increase drawing speed and resolve visual layering issues. It implements an interactive charting component that supports touch-based data interaction, allowing users to see detailed contextual information through formatted tooltips when tapping or hovering over data points. The project covers mobile data v
Wraps the ECharts library inside a custom UI component to manage its lifecycle and display dimensions.