4 个仓库
Mechanisms that synchronize the internal state of a charting engine with a reactive framework state.
Distinct from Reactive State Synchronization: Specifically synchronizes a third-party imperative chart instance with a reactive state, rather than general UI state.
Explore 4 awesome GitHub repositories matching user interface & experience · Chart State Synchronization. Refine with filters or upvote what's useful.
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
Synchronizes Apache ECharts instances with reactive state and handles automatic window resizing.
react-chartjs-2 is a data visualization library that provides a set of React components acting as a wrapper for Chart.js. It allows for the rendering of interactive charts and graphs within a React application using a declarative approach. The library manages HTML5 canvas charting components by tying the lifecycle of Chart.js instances to the mounting and unmounting of the React component tree. It translates component props into the configuration objects required by the underlying engine to map datasets to visual elements. The project covers a range of frontend integration capabilities, incl
Triggers internal Chart.js update methods whenever React props or state changes occur.
tui.chart 是一款统计图表引擎和数据可视化库,旨在为复杂的数值数据集渲染交互式图表和图形。它作为一个响应式图表框架,能够生成各种统计表示,包括折线图、柱状图、散点图、气泡图和树状图。 该库的特色在于一个交互式可视化系统,支持跨多个图表的同步工具提示、基于范围的缩放以及数据系列选择。它包括一个布局引擎,可根据查看容器的大小自动调整图表尺寸和动画。 该系统涵盖了广泛的渲染功能,包括通过树状图进行的层级数据映射、颜色编码的热力图,以及处理实时数据更新以进行实时监控的能力。其他实用领域包括数据导出功能和修改活动可视化外观的动态配置更新。
Allows querying of the internal chart state and configuration to synchronize the UI.
ReactiveSearch 是一套声明式框架和 UI 工具包,专为构建基于 Lucene、向量和分面搜索的界面而设计。它提供了一系列预构建的 React 和 Vue 组件,将 Web 前端连接到搜索索引,促进了交互式搜索栏、结果列表和复杂过滤系统的创建。 该项目通过向量搜索界面和语义相似度功能脱颖而出,包括带有来源引用的 AI 驱动自然语言答案生成。它采用响应式组件模型,其中过滤器和搜索状态通过共享管理器进行同步,允许在一个组件中的选择更新其他组件中的可用选项,并将当前状态序列化为 URL 查询字符串以进行深度链接。 该平台涵盖了广泛的功能,包括具有数值范围和单选过滤器的分面导航、地理数据映射,以及用于渲染图表和绘图的交互式数据可视化工具包。它还包括用于搜索相关性调整、结果排序、分页以及将结果集导出为 CSV 或 JSON 文档的功能。 后端连接通过基于提供程序的抽象层和将业务逻辑与用户界面分离的声明式查询映射系统进行管理。
Synchronizes chart visualizations reactively so they update automatically when other search filters are modified.