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

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • Sonar - Write Clean JavaScript Code. Always.
  • victory-native

    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

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

    vis-timeline

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • vis-graph3d

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

    vis-graph3d

  • d3-cloud

    Create word clouds in JavaScript.

    d3-cloud

  • Chart.js

    Simple HTML5 Charts using the <canvas> tag

    Chart.js

  • ag-Grid

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

    ag-Grid

  • react-vis

    Data Visualization Components

    React-vis

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • three.js

    JavaScript 3D Library.

    Three.js

  • semiotic

    A data visualization framework combining React & D3

    Semiotic

  • Numeral-js

    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

    MUI Core: 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

    🍃 JavaScript library for mobile-friendly interactive maps 🇺🇦

    Leaflet

  • chartist-js

    Legacy Chartist Repo for old gh-pages

    Chartist.js

  • victory

    A collection of composable React components for building interactive data visualizations

    Victory

  • d3

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

    D3.js

  • c3

    :bar_chart: A D3-based reusable chart library

    C3.js

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts