{"repo":"airbnb/visx","free":true,"listed":false,"github":"https://github.com/airbnb/visx","clone":"git clone https://github.com/airbnb/visx.git","description":"🐯 visx | visualization components","language":"TypeScript","stars":21007,"topics":["vx","react","d3","visualization","chart","svg","data-visualization","visx"],"license":"MIT","category":"analytics","readme_excerpt":"visx visx is a collection of reusable low-level visualization components. visx combines the power of d3 to generate your visualization with the benefits of react for updating the DOM. [!IMPORTANT] visx v4 is the current stable release and requires React 18 or 19. Upgrading from v3? See the visx 4 migration guide. Docs • Gallery • Changelog • Migration Usage Let's make a simple bar graph. First we'll install the relevant packages: For more examples using visx , check out the gallery. Motivation Goal The goal is to create a library of components you can use to make both your own reusable chart library or your slick custom one-off chart. visx is largely unopinionated and is meant to be built upon. Keep your bundle sizes down and use only the packages you need. How? Under the hood, visx is using d3 for the calculations and math. If you're creating your own awesome chart library on top of visx, it's easy to create a component api that hides d3 entirely. Meaning your team could create charts as easily as using reusable react components. But why? Mixing two mental models for updating the DOM is never a good time. Copy and pasting d3 code into useEffect() is just that. This collection of components lets you easily build your own reusable visualization charts or library without having to learn d3. No more selections or enter() / exit() / update() . FAQ 1. What does visx stand for? visx stands for visualization components. 1. Do you plan on supporting animation/transitio","default_branch":null,"files":null,"tree":[],"storefront":"/r/airbnb","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/airbnb/visx/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}