ChartMaps

ChartMaps enables users to explore and visualize popular song data from across the globe. The platform allows users to view the top 10 songs of the day for each country. Utilizing an algorithm, ChartMaps generates a unique color based on the titles of these top 10 songs, which is then applied to the respective country on the map. If multiple countries share a similar color, it indicates that they are listening to similar songs, highlighting regional or global musical trends.

First, install all dependencies

npm install
# or
yarn 
# or
pnpm install

Then, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Here is an example of how the map should look like:

Click on a country and listen to the preview of the song by clicking on the album cover