| It is task to create a front-end application where the user can upload a CSV, select the Latitude and Longitude column of the CSV and then view all the points on the map and also creates a basic visualization of the data against each other by creating a pie chart of different type of travel of booking created and bar chart of different type of medium of booking done. |
Data (for usage) - https://drive.google.com/file/d/1kkuh2WShXBpR7R_qJVpI0X6ukgNn8QVR/view?usp=sharing
Note - Right now, map has only maximum 2000 marked point limit.
- ReactJS - React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
- Mapbox-gl-js - Mapbox GL JS is a JavaScript library for interactive, customizable vector maps on the web. It takes map styles that conform to the Mapbox Style Specification, applies them to vector tiles that conform to the Mapbox Vector Tile Specification, and renders them using WebGL.
- Nivo Charts - nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3. Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts.
Add filters component to show filtered markers on mapChanging filters by clicking on the visualized dataDouble click on visualized data to change filters