This is a simple application built using Reactjs and library Chartjs. It display the information of states in visual reprsentation in the form of charts and Tables.
- Treemap charts to display different states.
- On mouse over tool-tip show some basic info like temp, population of respective states.
- Colour variations in b/w RED and blue, on basis of Temperature.
- Responsive design for a seamless experience on different devices
- If user click over state then data of five cities specified to clicked state will displayed in the form of beautiful charts.
StateWise Summary
is built using the following technologies:
React.js
: A JavaScript library for building user interfaces.react-apexcharts and chartjs library
: Library to show data in the form of beautiful charts and Tables.- Dummy Json Data of States(containing state name, population,temperature) and cities(containing information regading population, total assets, city name etc..)
To run the App locally, follow these steps:
- Clone the repository.
- Navigate to the project directory:
cd statewise_summary
- Install the dependencies:
npm install
- Start the development server:
npm start
- Open your web browser and visit
http://localhost:3000
to access the App.