React Chart

Fund KIS React based charting library

Open Source

We wanted to give back to the community! Released under MIT license.

View On Github

From Scrach

We depend only on React! Our charting engine generates directly SVG elements.

Customizable

Reuse and compose Components to build more complexe charts

Examples Gallery

Why React Chart?

When we first looked for a good charting library to build the charts we've been thinking about, we've been impressed by d3 js. it's very fast, very customizable. You can almost do everything you need. The price is you need to learn new patterns.

When we started using AngularJS and React, we first tried to wrap d3 to make it easier to use within those technologies. This is the strategy of most existing React Charting libraries. They are based on d3 or other alternative charting engines like ChartJS.

This strategy seemed awful to us: You don't get all the power of d3 and the React Component wrappers don't feel native to React patterns. We would have prefered a native React charting library!

When we analysed what makes d3 perfect for our usage, we found three reasons:

  • abstracting and managing the DOM elements
  • handling data to coordinate space transformations
  • performance!

The first one is something main client side technologies addresse. Our first try was with angular but performances was very poor. We moved to React and choosed the Freezer library for the immutability. React and immutability provide very high performance.

What remains to build is the charting engine! This is the value of React Chart: a charting engine that benefit and exploit all the power of React and SVG!

Why open sourcing it?

This package is used daily by our customers on production. Fund KIS provide softwares to the financial industry (Asset Management companies). This sector is not known for its community initiatives, but we are also software engineers, Geeks who have profited from the plethora of open source code. Open sourcing React Chart is our way to give back to the community!

Please feel free to report bugs, our team will be glad to help. We also encourage you to submit PRs on github. We will provide further guidance on that later.

You want to support us?

Please add a link to our fund portal: https://fundkis.com.

Vous cherchez un emploi ou un stage, contactez nous!