Create a page to display common graphs types

rayxsan / portfolio

2 stars 0 forks source link

Create a page to display common graphs types #14

Closed lmarmol closed 3 years ago

lmarmol commented 3 years ago

There are many libraries for plotting. recharts.org seems to be a good one for react based projects.

Consider including the following chart type

Bar
Line
Pie (percentages)
Funnel (represents multiple-step processes and shows what percentages makes it to each step)

lmarmol commented 3 years ago

https://livecodestream.dev/post/7-react-chart-libraries-for-your-web-projects/

rayxsan commented 3 years ago

Cant use ResponsiveContainer from @recharts cause it throws a warning: findDOMNode is deprecated in StrictMode. Posible solution is to remove StrictMode from but it is not recommended. Other solution is to create a ref but still the warning persist. Following..

rayxsan commented 3 years ago

Cant use ResponsiveContainer from @recharts cause it throws a warning: findDOMNode is deprecated in StrictMode. Posible solution is to remove StrictMode from but it is not recommended. Other solution is to create a ref but still the warning persist. Following..

Created a function to 'listen' on window resize and set the width of graphs variables accordingly of window size. Note: This is a workaround of using ResponsiveContainer from @recharts

rayxsan commented 3 years ago

On pie chart when i try to create customized label it throws an error. See reference: https://github.com/recharts/recharts/issues/2372