Requirements
Svelte/SvelteKit project of 3 pages:
- Layout (Responsive design given in sample)
- Chart (Create Svelte/Store with the response from api. Make a table and a Polar Area chart with the data. The Polar Area chart should show top 10 most populated countries.)
- Map (Create an Openlayer map with GeoJSON. Change GeoJSON layer color and opacity.)
Run the project
Install dependencies and run the project.
pnpm install
pnpm dev
Deploy
Issues
- In the Chart page, the Currencies and Languages field had multiple values which was making that column extended. To tackle this, if there were more than 3 values, I wrapped those values in a new line in the same row. This caused the column to look better.
- In the Polar Chart, couldn't figure out how to show the labels in 2 rows with each containing 5 labels as the given sample chart.
- There is some issue in Chart page responsiveness on smaller screens. It could be fixed if given some time.
