# hshoff/vx

**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/hshoff-vx).**

20,867 stars · 767 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/hshoff/vx
- Homepage: https://visx.airbnb.tech
- awesome-repositories: https://awesome-repositories.com/repository/hshoff-vx.md

## Description

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 SVG rendering, and the creation of interactive data dashboards.

## Tags

### Data & Databases

- [Data Visualization](https://awesome-repositories.com/f/data-databases/data-visualization.md) — Renders structured data into custom interactive charts and visualizations using a component-based UI layer. ([source](https://github.com/hshoff/vx#readme))
- [SVG Diagramming Libraries](https://awesome-repositories.com/f/data-databases/data-analysis-visualization/visualization-frameworks-libraries/svg-diagramming-libraries.md) — Provides a collection of low-level SVG primitives for the programmatic creation of custom charts and diagrams.

### Graphics & Multimedia

- [SVG-Based Vector Rendering](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/engines/canvas-vector-graphics/svg-based-vector-rendering.md) — Uses scalable vector graphics as the primary building blocks for rendering all data visualizations.
- [Declarative Rendering](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/engines/canvas-vector-graphics/svg-based-vector-rendering/declarative-rendering.md) — Manages complex scalable vector graphics through a component-based architecture to eliminate manual DOM updates.

### Scientific & Mathematical Computing

- [Coordinate Projections](https://awesome-repositories.com/f/scientific-mathematical-computing/coordinate-projections.md) — Leverages D3 mathematical utilities to calculate the scales and projections necessary for rendering data visualizations.

### Software Engineering & Architecture

- [Visualization Integration Layers](https://awesome-repositories.com/f/software-engineering-architecture/visualization-integration-layers.md) — Acts as a bridge combining D3 mathematical scales and shapes with a React component-based UI.
- [Visualization Patterns](https://awesome-repositories.com/f/software-engineering-architecture/composable-architectures/visualization-patterns.md) — Implements a composable architecture for building complex charts from independent axis, scale, and shape components.

### User Interface & Experience

- [Chart Customization Frameworks](https://awesome-repositories.com/f/user-interface-experience/chart-customization-frameworks.md) — Provides an extensible framework for creating specialized charts with fine-grained control over SVG rendering.
- [React Charting Libraries](https://awesome-repositories.com/f/user-interface-experience/data-visualization-tools/data-visualization/charting-frameworks/react-charting-libraries.md) — Provides visualization components specifically designed for the React ecosystem to bridge data and visual representation.
- [Declarative Charting Components](https://awesome-repositories.com/f/user-interface-experience/declarative-charting-components.md) — Offers modular building blocks for constructing complex data visualizations through declarative component composition.
- [Component-Based UI Frameworks](https://awesome-repositories.com/f/user-interface-experience/component-based-ui-frameworks.md) — Provides a component-based UI architecture to wrap low-level graphics logic for declarative rendering.
- [Interactive Dashboards](https://awesome-repositories.com/f/user-interface-experience/interactive-dashboards.md) — Enables the development of responsive and interactive visual interfaces for monitoring and exploring datasets.

### Web Development

- [Declarative Mapping Engines](https://awesome-repositories.com/f/web-development/data-mapping/declarative-mapping-engines.md) — Maps raw data arrays to visual attributes through declarative props for automatic graphic lifecycle management.

### Part of an Awesome List

- [Framework Integrations](https://awesome-repositories.com/f/awesome-lists/devtools/framework-integrations.md) — Visualization components for React applications.