Understanding front-end data visualization tools ecosystem in 2021 📊📈

• victory-native

  1 2,020 5.2 JavaScript

  Discontinued victory components for react native

  

Built by Formidable Labs, a company behind such tools as urqls and Spectacle. Provides an opinionated, but fully overridable React components to use both in web and mobile (victory-native).

• vis-timeline

  5 1,661 8.6 JavaScript

  📅 Create a fully customizable, interactive timelines and 2d-graphs with items and ranges.

  

vis-timeline

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• vis-graph3d

  1 294 8.7 JavaScript

  📊 Create interactive, animated 3d graphs. Surfaces, lines, dots and block styling out of the box.

  

vis-graph3d

• d3-cloud

  11 3,767 3.6 JavaScript

  Create word clouds in JavaScript.

d3-cloud

• Chart.js

  183 63,370 8.1 JavaScript

  Simple HTML5 Charts using the <canvas> tag

  

Chart.js

• ag-Grid

  48 11,762 10.0 TypeScript

  The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

  

ag-Grid

• react-vis

  21 8,373 2.9 JavaScript

  Discontinued Data Visualization Components

  

React-vis

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• three.js

  449 98,752 9.9 JavaScript

  JavaScript 3D Library.

Three.js

• semiotic

  2 2,421 6.9 JavaScript

  A data visualization framework combining React & D3

  

Semiotic

• Numeral-js

  9 9,603 0.0 JavaScript

  A javascript library for formatting and manipulating numbers.

It's worth mentioning that to communicate your data better to your user, it's always a good idea to mix and match different types of data visualizations. Moreover, you can also have a date formatting library (such as Moment.js) or number formatting library (such as numeral.js) that could accompany your graphs and highlight any special or outstanding number in your dataset.

• Material UI

  290 91,511 10.0 TypeScript

  Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

  

It's a feature-rich component which is complementary to the whole Material UI set of React components. It's available in MIT and commercial versions, too.

• Leaflet

  219 39,937 8.9 JavaScript

  🍃 JavaScript library for mobile-friendly interactive maps 🇺🇦

  

Leaflet

• chartist-js

  13 66 0.0 JavaScript

  Legacy Chartist Repo for old gh-pages

Chartist.js

• victory

  24 10,767 9.1 TypeScript

  A collection of composable React components for building interactive data visualizations

  

Victory

• d3

  277 107,634 8.0 Shell

  Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

  

D3.js

• c3

  16 9,309 3.9 JavaScript

  :bar_chart: A D3-based reusable chart library

  

C3.js

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project