At Airbnb, we made it a goal to unify our visualization stack across the company, and in the process we created a collection of novel visualization primitives for
React, filling a major gap in available frontend visualization tooling.
visx stands for visualization components, and is a suite of over 30 separate packages of
React visualization primitives that fall into several categories. It is un-opinionated on state management, animation, and styling so it can integrate with any
React codebase, and its emphasis on modularity (similar to
D3) lets you keep your bundle sizes down by only using the packages you need to create your reusable chart library or a custom one-off chart.
There are dozens of libraries for creating visualizations for the web, but upon examining the problem space below, there was clearly an opportunity for a highly expressive
React library to thrive. By creating low-level visualization primitives with a first-class
React API, we hoped we could deliver learnability, expressiveness, and performance that any frontend developer could pick up.
Check out the full blog post on Medium