Similarities & differences between Recharts, Nivo, Victory, react-vis, & Viser

overhead shot of two hands typing on silver keyboard, sitting on desk with gold and grey graphs
overhead shot of two hands typing on silver keyboard, sitting on desk with gold and grey graphs

TL;DR

There are so many open source data visualization libraries built upon D3.js (also known as D3, short for Data-Driven Documents); however, no one resource really has a comprehensive comparison of all the data visualization libraries available specifically for React.

Therefore, I did this research to see which React data viz libraries would best serve my team’s needs before starting a project using charts to visualize data. If you know the problems around using D3 and React together, jump to General Comparison of Data Viz Libraries.

The Gold Standard — D3

Before jumping into our five libraries I wanted to quickly go over D3, the gold standard for data viz libraries. D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document to create interactive SVG charts with smooth transitions and interaction. …

About

M. Ege Ercan

Software engineer working for Capital One • Living in Boston • Formerly a marine biologist specialized in dolphin behavior • Drummer for the band called Sinnet

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store