react-metrics-graphics - A React Component for MetricsGraphics.js

  •        245

A react component thats wraps the popular visualization library, MetricsGraphics.js

https://github.com/mozilla/react-metrics-graphics

Dependencies:

classnames : ^2.1.2
metrics-graphics : ^2.11.0

Tags
Implementation
License
Platform

   




Related Projects

metrics-graphics - A library optimized for concise and principled data graphics and layouts.

  •    Javascript

MetricsGraphics.js is a library optimized for visualizing and laying out time-series data. At under 80KB (minified), it provides a simple way to produce common types of graphics in a principled and consistent way. The library currently supports line charts, scatterplots, histograms, bar charts and data tables, as well as features like rug plots and basic linear regression. A sample set of examples may be found on the examples page. The example below demonstrates how easy it is to produce a graphic. Our graphics function provides a robust layer of indirection, allowing one to more efficiently build, say, a dashboard of interactive graphics, each of which may be pulling data from a different data source. For the complete list of options, and for download instructions, take a look at the sections below.

react-d3-components - D3 Components for React

  •    Javascript

Let React have complete control over the DOM even when using D3. This way we can benefit from Reacts Virtual DOM. to start a webserver, and navigate to http://localhost:8000/example in order to visualize the new example page. Note that the example page directly points to the dist folder.

react-metrics - An analytics module for React

  •    Javascript

An analytics module for React. React Metrics depends on Promise to be available in browser. If your application support the browser which doesn't support Promise, please include the polyfill.

react-show - ⚛️ 🌔 React-Show - A 3kb show/hide component for React.

  •    Javascript

A graphics accelerated dependency-free animation component for React. The default export and main component for React-Show.


react-native-branch-deep-linking - NPM module for integrating Branch deep linking with React Native apps

  •    Objective-C

This is a repository of our open source React Native SDK. The information presented here serves as a reference manual for the SDK. See the table of contents below for a complete list of the content featured in this document. Note that the react-native-branch module requires react-native >= 0.40.

react-chartjs - common react charting components using chart.js

  •    Javascript

You must also include chart.js and React as dependencies.The canvas element can be retrieved using getCanvas and the chartjs object can be retrieved using getChart.

react-designer - Editable vector graphics in your react components.

  •    Javascript

Easy to configure, lightweight, editable vector graphics in your react components. All the entities are pure react components except action strategies in react-designer. I have tried to explain that. I'm starting with components.

react-native-svg-charts - 📈 One library to rule all charts for React Native 📊

  •    Javascript

A much improved decorator system has been introduced, allowing for greater flexibility and less complexity. See releases for more information. In order to not bloat this README to much we've moved some examples over to react-native-svg-charts-examples. There we will try to showcase the really cool things you can do with this library. This README will try to keep things as simple as possible so that everybody can get up and running as fast as possible.

react-konva - React + Canvas = Love

  •    Javascript

React Konva is a JavaScript library for drawing complex canvas graphics using React. It provides declarative and reactive bindings to the Konva Framework.

reaviz - 📊 Data visualization library for React based on D3

  •    TypeScript

REAVIZ is a modular chart component library that leverages React natively for rendering the components while using D3js under the hood for calculations. The library provides an easy way to get started creating charts without sacrificing customization ability.

react-chartist - ⚛ React component for Chartist.js

  •    Javascript

Chartist is a peer dependency to react chartist. You need to install it if you do not have it installed already. Please check out Chartist.js API documentation for more details of the options.

react-native-chart - :bar_chart: Add line, area, pie, and bar charts to your React Native app

  •    Javascript

[![Join the chat at https://gitter.im/tomauty/react-native-chart](https://badges.gitter.im/tomauty/react-native-chart.svg)](https://gitter.im/tomauty/react-native-chart) [![npm version](https://badge.fury.io/js/react-native-chart.svg)](https://badge.fury.

react-calendar-heatmap - an svg calendar heatmap component, inspired by github's contribution graph

  •    Javascript

A calendar heatmap component built on SVG, inspired by github's commit calendar graph. The component expands to size of container and is super configurable. See a live demo. See full configuration options on the live demo page.