Ipl visualization

1. React-vis : React-vis is a good because it is simple and responsive.
2. Chakra ui : For Design System.
3. React-indiana-drag-scroll: For drag scrolling.

Features:

1. Mobile responsive: With the help of react-vis it was very easy to make responsive by dynamically set width & height of react-vis component.
2. Optimize loading: By dynamically importing json data parallelly.

Data

Data here is used from Kaggle.

1. Match.csv converted to json
2. Ball_by_Ball.csv converted to json.

Then divided the converted json of Ball_by_Ball into small chunks so that they can be imported directly and can increase the page load time.

Demo:

Live: Ipl-Visualization