search

devpendent / website

👨🏻‍💻 An Open Sourced Platform for Indonesia Election Real Count
https://devpendent.netlify.com/
MIT License
27 stars 6 forks source link

Visualizing Election Data using Charts #31

Open andriawan opened 5 years ago

andriawan commented 5 years ago

It is common visualizing data through chart. It helps us pointing the big picture of all data. In my humble opinion, chart is the best method for showing data. Technically, i don't have enough experience integrating chart tools with front end such react. Therefore, integrating chart into devpendat apps should be considered. Let us discuss it more :+1:

r17x commented 5 years ago

Today, I'm researching about chart tools. I think this is nice to use https://uber.github.io/react-vis/ base on http://visjs.org/

zainfathoni commented 5 years ago

@ri7nz Please document your foundings to this Data Visualization wiki page.

Let's use the Wiki to consolidate all our notes so that it's easier to track them in the future. 😉 Thanks!

andriawan commented 5 years ago

how about this tools https://ecomfe.github.io/echarts-doc/public/en/index.html @ri7nz . I ever used in my project. It could handle massive data through silder range. Also the documentation is well formed.

r17x commented 5 years ago

@andriawan I don't know about echarts. I never use that. for react-vis , this is an example https://codesandbox.io/s/842x169n38?fontsize=14 . React-vis is use Canvas for render a lot Component of Chart, that's nice for performance.

zainfathoni commented 5 years ago

how about this tools https://ecomfe.github.io/echarts-doc/public/en/index.html @ri7nz. I ever used in my project. It could handle massive data through the slider range. Also, the documentation is well formed.

I think echarts is not a good option, because it doesn't provide React APIs, while react-vis does.

This is the reason I prefer react-mapbox-gl to mapbox-gl in my projects at work. Having React-compatible APIs makes it easier to integrate with our React app and aligns with our way of thinking in React.

Therefore, if we want to look at other alternatives, please find third-party libraries which provide React-like APIs. Thanks.