# datav-team/datav

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/datav-team-datav).**

9,667 stars · 1,823 forks · Vue · MIT

## Links

- GitHub: https://github.com/DataV-Team/DataV
- Homepage: http://datav.jiaminghi.com
- awesome-repositories: https://awesome-repositories.com/repository/datav-team-datav.md

## Topics

`bi` `datav` `svg` `vue`

## Description

DataV is a big screen visualization framework designed for high-impact data displays. It provides a collection of libraries for both Vue and React to build large-scale data dashboards featuring interactive charts and visual elements.

The toolkit includes a specialized decoration kit of scalable vector graphics used to add borders and frames to professional data display screens. It focuses on complex data visualization, including the rendering of specialized charts such as water level and flight line maps.

The framework covers a broad capability surface for data dashboard visualization, providing pre-made components to represent complex datasets and monitor performance indicators.

## Tags

### User Interface & Experience

- [Data Visualizations](https://awesome-repositories.com/f/user-interface-experience/high-volume-data-rendering/data-visualizations.md) — Renders interactive charts and maps to visualize complex information sets through an intuitive interface. ([source](https://github.com/datav-team/datav#readme))
- [Vue UI Libraries](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/ecosystem-specific-libraries/vue-ui-libraries.md) — Provides a collection of user interface components specifically designed for building data dashboards in the Vue ecosystem.
- [React Components](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/react-components.md) — Offers a library of pre-made React components for building data-driven dashboard interfaces.
- [React Charting Libraries](https://awesome-repositories.com/f/user-interface-experience/data-visualization-tools/data-visualization/charting-frameworks/react-charting-libraries.md) — Provides a visualization toolkit ported as a library of charting components for the React ecosystem.
- [Specialized Visualization Charts](https://awesome-repositories.com/f/user-interface-experience/high-volume-data-rendering/data-visualizations/specialized-visualization-charts.md) — Implements specialized rendering for complex data types, including water level and flight line maps.
- [Layered Canvas Composition](https://awesome-repositories.com/f/user-interface-experience/canvas-workspace-management/layered-canvas-composition.md) — Organizes visual elements by stacking transparent drawing planes to separate background decorations from dynamic data overlays.
- [Dashboard Decorations](https://awesome-repositories.com/f/user-interface-experience/dashboard-decorations.md) — Provides decorative SVG elements and borders to enhance the visual appearance of large screen data displays. ([source](https://github.com/datav-team/datav#readme))
- [Layout Decorations](https://awesome-repositories.com/f/user-interface-experience/layout-decorations.md) — Adds stylized SVG borders and visual enhancements to define boundaries on data monitoring screens.
- [Reactive State Bindings](https://awesome-repositories.com/f/user-interface-experience/reactive-state-bindings.md) — Provides patterns for synchronizing visualization components with underlying data models in real-time using Vue reactivity.

### Data & Databases

- [Data Visualization Dashboards](https://awesome-repositories.com/f/data-databases/data-visualization-dashboards.md) — Provides tools for constructing analytical dashboards and real-time visualization interfaces for monitoring key performance indicators.

### Graphics & Multimedia

- [Big Screen Visualization Frameworks](https://awesome-repositories.com/f/graphics-multimedia/big-screen-visualization-frameworks.md) — Serves as a specialized framework for high-impact data displays featuring spatial mapping and complex charts.
- [SVG-Based Vector Rendering](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/engines/canvas-vector-graphics/svg-based-vector-rendering.md) — Utilizes scalable vector graphics to render high-fidelity borders and ornaments for large screen displays.
- [Screen Space Coordinate Mappings](https://awesome-repositories.com/f/graphics-multimedia/visualization-mapping/visualization-frameworks/coordinate-systems/page-coordinate-mapping/screen-space-coordinate-mappings.md) — Implements mappings that translate virtual coordinates to physical screen pixels for vector rendering of charts and flight paths.

### Web Development

- [Vue Component Wrappers](https://awesome-repositories.com/f/web-development/vue-component-wrappers.md) — Wraps complex data visualization logic into reusable Vue components for declarative dashboard integration.

### Development Tools & Productivity

- [Dashboard Frame Decorators](https://awesome-repositories.com/f/development-tools-productivity/terminal-window-managers/window-frame-decorators/dashboard-frame-decorators.md) — Provides a specialized kit of SVG graphics for adding professional borders and frames to data screens.