react-vis - Data-Visualization oriented components

  •        49

A collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, contour plots, pie and donut charts, sunbursts, radar charts, parallel coordinates, and tree maps.Install react-vis via npm.

https://uber.github.io/react-vis
https://github.com/uber/react-vis

Tags
Implementation
License
Platform

   




Related Projects

react-map-gl - React friendly API wrapper around MapboxGL JS


In addition to exposing MapboxGL functionality to React apps, react-map-gl also integrates seamlessly with deck.gl.browserify - react-map-gl is extensively tested with browserify and works without configuration.

Britecharts - Client-side reusable Charting Library based on D3


Britecharts is a client-side reusable Charting Library based on D3.js v4 that offers easy and intuitive use of charts and components that can be composed together to create amazing visualizations.Britecharts components have been written in ES2016 with a Test Driven methodology, so they are fully tested, and we are committed to keeping them that way.



victory - A collection of composable React components for building interactive data visualizations


Projects using Victory should also depend on React and prop-types.The victory repo aggregates stable victory components that are developed in other repos. The victory repo is only updated with new releases, but the following repos are under very active development.

victory-native - victory components for react native


Note: react-native-svg has strict version requirements for both react and react-native. Please match versions to those required by react-native-svg. See the up-to-date requirements on the react-native-svg Readme. We encourage you to use the latest version of react-native-svg possible for your project, as victory-native issues are frequently solved by react-native-svg bugfixes.Full documentation can be found here.

angular-nvd3 - AngularJS directive for NVD3 reusable charting library (based on D3)


This thing is designed to make it easier to work with nvd3.js re-usable charting library. This directive allows you to easily customize your charts via JSON API.The key feature is that the original hierarchical structure of nvd3 models is completely preserved in directive JSON structure. This means that while you creating a complex chart that containing multiple elementary chart models (such as line, bar, axis, ...), you can in turn customize the properties of each internal elementary models as well as the global charting properties the way you want. This can be done as usual, but it becomes quite easily to customize while applying JSON approach to.

model - A functional reactive model library for interactive data visualization.


A functional reactive model library - Model.js manages the execution flow of the data flow graphs you define. Kind of like Backbone and React, but simpler and designed specifically for making D3 easier to use. Also check out Chiasm, a visualization runtime engine built on Model.js. Installable via Bower: bower install model.

babel-plugin-flow-react-proptypes - A babel plugin to generate React PropTypes definitions from Flow type declarations


A babel plugin to generate React PropTypes definitions from Flow type declarations. Starting in 14.0.0, we output ES6 import/export statements by default. The deadCode option (explained below) will cause it to use common.js modules instead.

dygraphs - JavaScript Visualization Library


dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them. Its features include Displays Annotations on the chart, Compatible with the Google Visualization API, Interactive zoom and lot more.

electron-es6-react - Minimal demonstration how to use React and ES6 with Electron.


A simple boilerplate app to demonstrate how to use ES6 and React with Electron. It uses Babel to automatically transpile ES6 and JSX code, without depending on any package manager besides npm. The Node and Electron binaries both take a parameter -r that automatically requires a module before the rest of the code. The npm start script is modified using this, which registers Babel and loads the entry point main.js.

deck.gl - WebGL based visualization layers


Provides tested, highly performant layers for data visualization, such as scatterplots, arcs, geometries defined in GeoJSON, etc...To learn how to use deck.gl through examples coming with the deck.gl repo, please clone the latest release branch.

luma.gl - A JavaScript WebGL Framework for Data Visualization


luma.gl's provides efficient and easy-to-use WebGL2-based building blocks enabling high-performance GPU-based data visualizations and computations on your browser.See Examples and Documentation. Change Log.