visx

visx is a collection of expressive, low-level visualization primitives for React, developed by the Airbnb engineering team to unify the company visualization stack across all internal products. The library bridges the gap between D3 data visualization mathematics and React component composition, bringing together the computational power of D3 with the declarative rendering model of React. The project has accumulated over 20,900 GitHub stars and is organized into more than 45 independently installable packages including @visx/scale for D3 scale functions, @visx/shape for area, bar, line, link, and symbol generators, @visx/axis for customizable axis rendering, @visx/grid for background grid lines, @visx/curve for D3 curve interpolation, @visx/gradient for SVG gradient fills, @visx/zoom for pan and zoom interactions based on Mike Bostock Pan and Zoom techniques, @visx/brush for range selection, @visx/tooltip for data hover overlays, @visx/legend for chart legends, and @visx/network for graph and tree visualizations. visx is deliberately unopinionated, designed to integrate with any existing state management solution, animation library, or CSS-in-JS system without imposing additional dependencies. The library is not a charting library in the traditional sense but rather a set of building blocks from which developers construct custom charting solutions optimized for their specific use cases. All primitives are standard React components using familiar APIs, meaning anyone who knows React can build data visualizations. The package is written in TypeScript with complete type definitions and the source code is available on GitHub under the MIT license.