BizCharts - data visualization library based G2 and React

  •        1082

A powerful React chart library based G2 for browser

https://alibaba.github.io/BizCharts/

Tags
Implementation
License
Platform

   




Related Projects

react-avatar-editor - Avatar & profile picture component editor


Facebook like, avatar / profile picture component. Resize, crop and rotate your uploaded image using a clear user interface. The resulting image will have the same resolution as the original image, regardless of the editor's size. If you want the image sized in the dimensions of the canvas you can use getImageScaledToCanvas.

react-pure-component-starter - A pure component dev starter kit for React.


React 0.14 introduced the ability to use pure functions as components. The react team calls them functional components in their announcement. The rest of the world calls them pure components.Pure component factories let you inject your React instance into the component so that you can share a single React instance across your entire app -- even if you load React from CDN for client use (which may save lots of users time, because they'll already have it cached locally). To get a better understanding of why this is important see Two Reacts Won’t Be Friends by Dan Abramov.

react-game-kit - Component library for making games with React & React Native


react-game-kit provides a set of helper components to make it easier to create games with React and React Native.The Loop component uses context to pass a subscribable game tick down your component tree. The Stage component does the same with game scale.


react-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React


An absolute layout grid with animations, filtering, zooming, and drag and drop support. Use your own component as the grid item. See the Demo. The idea behind AbsoluteGrid is high performance. This is achieved by using Translate3d to position each item in the layout. Items are never removed from the DOM, instead they are hidden. For best performance you should avoid re-arranging or removing items which you pass into AbsoluteGrid, instead you can use the filtered and sort properties to hide or sort an item. Those properties are customizable using the keyProp and filterProp properties. In addition, all data passed must be immutable so that we don't waste any renders.

react-planner - :pencil2: A React Component for plans design


react-planner is a React component which can be used to draw model buildings. Drag & drop from a catalog of customizable and ready-to-use objects, you can start from 2D wireframes and land on 3D models. As a developer you can provide your users with new objects by adding them to the catalog.

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


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-fontawesome - A React Font Awesome component.


A React component for the font-awesome icon library. Note: This component does not include any of the Font Awesome CSS or fonts, so you'll need to make sure to include those on your end somehow, either by adding them to your build process or linking to CDN versions.

react-webcam - Webcam component


Webcam component for React. See this for browser compatibility. Many thanks to @cezary for his work on this component.

react-key-handler - React component to handle keyboard events :key:


React component to handle keyboard events (such as keyup, keydown & keypress). Unless you want absolute flexibility we recommend you to use a higher-order component in favour of the component.

react-vis - Data-Visualization oriented components


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.

react-tabs - An accessible and easy tab component for ReactJS.


An accessible and easy tab component for ReactJS.For example usages of the UMD builds have a look at the examples/umd folder. The development UMD build also needs the package prop-types being loaded besides react.

react-inlinesvg - An SVG loader component for ReactJS


But there's an alternative that sidesteps these issues: load the SVG with an XHR request and then embed it in the document. That's what this component does. The SVG <use> element can be used to achieve something similar to this component. See this article for more information and this table for browser support and caveats.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.