Note:
- This repository contains my maps for the 30-Day Map Challenge 2021.
- Click on each map, to see its high resolution version!
- All project files are available in the data folder.
- More data will be added after the end of this challenge.
- In case you use my map or find it insightful, please give a star to this repository, and share your thoughts with me, as I would love to hear your feedback.
- For queries contact me at:
- Check the license of my maps here
- Day 1 Points: Global Flood Affected People
- Day 2 Lines: Global Shipping Routes
- Day 3 Polygons: Urbanization Trends in Lagos, Nigeria
- Day 4 Bad Map: A bad map of prefecture-level divisions of China
- Day 5 Analog Map: Floods in Pakistan
- Day 6 Asia: Asia's River Network
- Day 7 Navigation: Home to University
- Day 8 Africa: Diorama of Mount Kilimanjaro
- Day 9 Hexagons: Global Aridity Index
- Day 10 North America: Drought in North America
- Day 11 Retro: A 3D Digitized Old Map of Balochistan
- Day 12 South America: MANAUS City
- Day 13 Choropleth: Nighttime Light in Palestine 2023
- Day 14 Europe: Population Exposure to Heat Hazard in Europe
- Day 15 OpenStreetMap: Lahore Road Network
- Day 16 Oceania: Frequency of Forest Fires in Australia
- Day 17 Flow: Pakistan Migration Flow
- Day 18 Atmosphere: Nitrogen Dioxide Concentration
- Day 19 5 minute map: Karachi's Road Network
- Day 20 Outdoors: Animation of Tai Mo Shan Hike
- Day 21 Raster: River Taz River (Russia) Relative Elevation Model
- Day 22 North is not always up!: A 3D bathymetric diorama of Tonga trench
- Day 23 3D: 3D Elevation Map of Ngari Prefecture, China
- Day 24 Black and White: Contour Map of Yosemite Wilderness, US
- Day 25 Antarctica: Elevation of Antarctica
- Day 26 Minimal: A Simple 3D Elevation Map of Mount Everest
- Day 27 Dot: Relative Wealth Index in Indian Continent
📊 Since I have been working on flood modeling for over a year, I wanted to start the map challenge with the flood topic. This map shows where people were reported to be affected by major flood events between 1985-2010. The most affected regions include the US (Dallas, Pennsylvania), South America (Brazil, Bolivia), Africa (Burkina Faso, Gao, Botswana), Asia (Pakistan, India, Bangladesh), and Australia. Moreover, people in coastal cities were observed to be more frequently affected than the rest.
✨Please feel free to give suggestions & share!
📍 Data Source:
🔗Download the high-resolution version:
🌐 Interactive Version (ArcGIS web layer):
🎨Tools used: ArcGIS Pro and Adobe Illustrator.
The map shows the major, moderate, and minor shipping routes globally. I got inspiration from Prof. Qiusheng Wu paper in JOSS about the Python package Leafmap for these visualizations. While making the map, I got obsessed with these two colors so including both of them here.
NOTE:
- There is another version of this map with orange lines, which I am sharing as well. Click here to see the orange version: LINK
📍 Data Source:
🔗 High resolution map version:
🔗 Leafmap paper in JOSS:
🎨Tools used: ArcGIS Pro and Adobe Illustrator.
Mapping urbanization patterns always fascinates me. So, for the polygon theme, I used QGIS & #geemap, created a fishnet (~1 Km), and sampled the urban pixels in each zone. The map reveals that Lagos city has experienced rapid urbanization, with the urban area growing exponentially over the past few decades, especially after 2000's era.
🔗 High Resolution Version
📍 Data Source:
🎨Tools used: QGIS, Google Earth Engine (Geemap) and Adobe Illustrator.
It may be the easiest theme of the challenge, but always make sure to avoid such common mistakes in cartographic designs:
-
Extra text is not always a good case! AVOID clusters of text, and use simple attribute labels where possible.
-
Unwanted colors: not all maps need colors, and sometimes unintentional use of colors can convey the wrong message. For instance, here, sequential choropleth colors are used based on ADM2 property, WHICH DOES NOT MAKE SENSE!
🔗 High Resolution Version:
🔗 All Project files for Day-4:
📍 Data Source:
- Humdata
🎨 Tools used: QGIS, Adobe Illustrator and Photoshop
Click the image to see the timelapse:
This is by far the most difficult day for me. Being a digital cartographer, I have only thought of making a map with a computer. For this day, I looked into previous year's challenges and loved how they used day-to-day things to create a map. I quickly looked around and saw some shining red beans in my kitchen, and the rest you can see 😂
📽️ Timelapse Video:
✨ Inspiration was taken from:
🔗 High-Resolution Version (you probably won't need it, but just in case 😂):
🔗 All Project files for Day-5:
🎨 Tools used: Shining Red Beans, Tapioca Pearl (Sabudana), and some glue.
Asia is well known for its river network, which is well-developed in the north, east, and south of the continent. Moreover, some of the world's largest river systems are in Asia, namely the Ganges and Brahmaputra, Yangtze, Yenisei, Lena, Ob, Amur, and Mekong.
🔗 High Resolution Version:
📍 Data Source:
🎨 Tools used: ArcGIS Pro, and Adobe Illustrator
Bright colors on dark canvas always fascinate me. So here's my take on visualizing a road network and a destination route. The map shows my daily travel route from my home in Shum Shui Po, to my campus, Hong Kong Baptist University. The road network in neon blue is shown for just Kowloon, in which the red lines show the route. The road network with the route was prepared using the OSMnx python package and was later edited in Adobe Illustrator.
🔗 High Resolution Version:
🔗 All Project files:
📍 Data Source:
🎨 Tools used: OSMnx Python Package, and Adobe Illustrator.
Mount Kilimanjaro, located in Tanzania, is Africa's highest peak, standing tall at 5,895 meters. The reason I chose this place is because of Its unique blend of breathtaking beauty and iconic stature. Special thanks to John Nelson, who provided an amazing tutorial for designing 3D Diorama in ArcGIS Pro.
🔗 High Resolution Version:
📍 Data Source:
🎨 Tools used: ArcGIS Pro and Adobe Illustrator.
✨ John Nelson's Tutorial on Diorama:
For today's theme, I created hexagons in ArcGIS Pro (using the Generate Tessellation tool), resampled them in Google Earth Engine with Global Aridity Index (GAI) data, and visualized them in QGIS + Illustrator. Each hexagon has a circumradius of approx. 15 Km.
GAI is an important indicator because it provides a comprehensive visual representation of areas worldwide that experience varying degrees of aridity, helping researchers and policymakers understand and address water scarcity issues. Moreover, the aridity index is a crucial metric for assessing the availability of water resources and predicting potential drought-prone regions, enabling proactive measures for water management and conservation.
🔗 High-Resolution Version:
📍 Data Source:
🔗 Generate Tessellation tool:
🎨 Tools used: Google Earth Engine, QGIS, and Adobe Illustrator.
Click the GIF to load high resolution version
I have always admired animated maps/gifs for conveying time-series information. So, for the North American theme, I used the North American Drought Monitor (NADM) dataset in Google Earth Engine. The animated map shows that in 2023, North America experienced significant drought variations, with regions like California and the Great Plains facing severe water scarcity, impacting agriculture and increasing the risk of wildfires.
For designing the animated map, I first assessed the NADM dataset from Awesome GEE Community Catalog, and then exported individual maps with Orthographic projection using geemap.cartoee module. Later on, I finalized the maps in Illustrator and Photoshop.
Shout-out to Prof. Qiusheng Wu for including cartoee in geemap, and Samapriya Roy, Ph.D. for maintaining the Awesome GEE Community Catalog!
🔗 High Resolution Version:
📍 Data Source:
🔗 Geemap (Cartoee):
🔗 Awsome GEE Community Catalog:
🎨 Tools used: Google Earth Engine, Geemap, cartoee, cartopy, python, Adobe Illustrator and Photoshop
As a retro theme, I choose an old map of Balochistan (Pakistan), from the Imperial Gazetteer of India (1907-1909). Since the map resolution was low, I find it quite difficult to georeference and render it in 3D but still I managed (thanks to John Nelson amazing tutorials on vintage theme maps).
🔗 High Resolution Version:
📍 Data Source:
🎨 Tools used: ArcGIS Pro, and Adobe Illustrator.
A few weeks ago, I saw an aerial image of this place on social media and was instantly in love with the beauty of its landscape. So for today's theme, I chose this place called Manaus, located on the banks of the Negro River in northwestern Brazil.
For preparing this map poster, I used Maxar basemap image for 2021 and edited them directly in Adobe Photoshop and then Illustrator. I intended to print this as a wall poster and therefore processed all data in 8K resolution, which resulted in around 200 MB of image size. Here, I am sharing the compressed version (~7 MB, and 300dpi). So, if you need that very high resolution, request it on GitHub, and I will happily provide it.
🔗 High-Resolution Version:
🔗 Google Maps Location:
📍 Data Source:
- Maxar Basemap for 2021
🎨 Tools used: Google Earth Pro, Adobe Illustrator, and Photoshop
Click the GIF to load high resolution version
Nighttime light (NTL) data is vital for identifying areas affected by power outages, infrastructure destruction, and population displacement in war conflict situations. I used sequential choropleth colors to visually represent changes in light intensity and highlight active regions. Although I initially aimed to depict the NTL variation in current months, I could only access data up until September (NTL data is not available after September IDK why!).
Nevertheless, I am sharing all available data, including rasters, individual maps, and original timelapse gifs, in the hope that it contributes to a better understanding of conflict dynamics, aids humanitarian efforts, and informs policy decisions for peace and stability in the region.
🔗 High Resolution Version:
🔗 All Project files:
📍 Data Source:
🎨 Tools used: Google Earth Enigne, Geemap, ArcGIS Pro, Adobe Illustrator and Photoshop
Click the GIF to load high resolution version
Heat stress has become a significant global concern, impacting populations worldwide. In this analysis, I focused on Europe, examining the population exposed to heat stress at the ADM 0 level. While Europe may experience lower levels of heat stress compared to other regions, there are still populations within European states facing high levels of heat stress, as depicted in the bivariate population exposure map.
For analysis, I used Global Extreme Heat Hazard (5 year interval) layer provided by World Bank, and Total Population data provided by Worldpop. For analysis, I used geemap for zonal statistics, ArcGIS Pro for maps, Illustrator for editing and Photoshop for final gif. All the individual maps and materials are available below.
🔗 High Resolution Version:
- High Resolution Gift:
- High Resolution Population Map:
- High Resolution Heat Hazard Map:
- High Resolution Exposure Map:
🔗 All Project files:
📍 Data Source:
🎨 Tools used: Geemap, ArcGIS Pro, Adobe Illustrator and Photoshop
Am I the only one obsessed with neon color road networks on dark backgrounds 😂? I have been waiting for this day since the start of this challenge as I wanted to create this masterpiece map showing the dense road network in Lahore city. I am also planning to prepare this kind of map after the 30DayMapChallenge, so feel free to suggest some beautiful cities with prominent road networks.
For preparing the map, I used the OSMnx python package, QGIS, and Adobe Illustrator.
🔗 High-Resolution Version:
📍 Data Source: OSMnx
🎨 Tools used: OSMnx, QGIS, and Adobe IllustratorPhotoshop
So, for day 16 theme, I choose Australia, as the country has experienced devastating forest fires that have significantly impacted its ecosystems and communities. Various factors, including extreme heat, prolonged droughts, and strong winds, have fueled these fires. The frequency and intensity of the fires have increased, resulting in widespread destruction of forests, biodiversity loss, and wildlife displacement. From the map, it can be seen that between 2001 and 2023, 3882 forest fires have been recorded.
For analysis, I used Google Earth Engine in Geemap, and exported results in ArcGIS Pro, where I designed the map. Later on, I finalized the map in Adobe Illustrator.
🔗 High Resolution Version:
📍 Data Source:
🎨 Tools used: Google Earth Engine, Geemap, ArcGIS Pro, and Adobe Illustrator.
Last year, I was awarded a PhD fellowship at HKBU and had to leave Pakistan. Interestingly, during the same year, Pakistan witnessed the highest recorded number of people (280,000 individuals) leaving the country, resulting in the highest migration rate ever documented in its history. Today, I wanted to explore the theme of migration and depict the flow of people in and out of the country.
Although I couldn't find the most up-to-date comprehensive databases, I came across some valuable resources in nature papers, which I decided to utilize for my work. The map presented here illustrates the migration rates with Pakistan as the origin country and various other nations as destinations. Additionally, the barplot highlights the top 10 countries with the highest percentage of migration flow, with Saudi Arabia and the United Arab Emirates leading the list.
To create these visualizations, I utilized open-source datasets from Nature papers (figshare), cleaned the data using Python's pandas library, and geolocated the information using ArcGIS Pro.
🔗 High Resolution Version:
🔗 All Project files:
📍 Data Source:
- Bilateral international migration flow estimates for 200 countries
- Bilateral international migration flow estimates updated and refined by sex
- Countries Codes and Lat Long
🎨 Tools used: Python (Pandas), ArcGIS Pro, and Adobe Illustrator
During the COVID-19 pandemic, significant changes in nitrogen dioxide (NO2) concentrations were observed globally. With lockdowns and travel restrictions, reduced industrial and transportation activities led to a noticeable decline in NO2 levels. So, for today's theme, I used Sentinel-5P NO2 data to visualize the trends in NO2 for the pre covid (2019) and during covid (2020) period. Overall, a decreasing trend is prominent from the visualization. This unprecedented reduction in NO2 levels provides a glimpse of the environmental impact of reduced human activity during the pandemic.
🔗 High Resolution Version:
📍 Data Source:
🎨 Tools used: Google Earth Engine, Geemap, cartopy (cartoee), Adobe Illustrator and Photoshop
Python OSMnx python package is a great tool to make quick OSM visualizations. So for today's 5 minute map theme, I used the OSMnx package to visualize Karachi's road network.
🔗 High Resolution Version:
📍 Data Source:
🎨 Tools used: OSMnx, ArcGIS Pro and Adobe Illustrator
A few months ago, I did my first hike in Hong Kong at Tai Mo Shan, the highest peak in the region. This special adventure covered a distance of approximately 10 km and took me around 5 hours to complete.
To celebrate my love for the outdoors, I decided to create a simple animation showcasing the hiking trail of Tai Mo Shan. Using data collected from Google Earth Studio and Google Earth Pro, I edited the footage in Adobe Premiere Pro to bring the trail to life.
For those who are interested in experiencing the hike themselves, I have included the gpx file for the entire route in the data folder.
🔗 High Resolution Version:
📍 Data Source:
🎨 Tools used: Google Earth Studio, Google Earth Pro, and Adobe Premiere Pro
Recently, I saw a stunning map poster featuring the Taz River, and I was truly captivated by the breathtaking beauty of this landscape. To align with today's raster theme, I utilized a River Relative Elevation Model (REM) derived from the GLC-30 Digital Elevation Model (DEM) dataset. To evaluate the REM, I employed the RiverREM Python package and ultimately brought the poster to life using Illustrator. It was an incredible experience to combine data analysis and artistic design to showcase the magnificence of the Taz River.
🔗 High Resolution Version:
📍 Data Source:
- Copernicus DEM GLO-30: Global 30m Digital Elevation Model
- RiverREM Python
- Greg Fiske - Reference Concept
🎨 Tools used: Python, RiverREM package, and Adobe Illustrator.
When considering the theme for this project, the idea of exploring the north direction in 3D maps immediately came to mind. I've been intrigued by John Nelson's bathymetric diorama for some time now, and today I finally decided to give it a try. This visualization aims to showcase that in 3D maps, the north direction is not always at the top. For this particular visualization, I selected the Tonga Trench, located in the southwestern Pacific Ocean. It holds the distinction of being the deepest trench in the Southern hemisphere and the second deepest on Earth, surpassed only by the Mariana Trench. To create this map, I utilized ArcGIS Pro and Adobe Illustrator, following an incredible tutorial by John Nelson.
🔗 High Resolution Version:
📍 Data and Tutorial:
🎨 Tools used: ArcGIS Pro, and Adobe Illustrator
Excited to share my first-ever 3D elevation map created using Rayshader R package! Working with R and Rayshader was a challenging yet rewarding experience. Thanks to the comprehensive documentation and numerous tutorials available, I was able to navigate through the process smoothly.
The map showcases the Ngari Prefecture, also known as Ali Prefecture, located in China's Tibet Autonomous Region. Nestled in Western Tibet, Ngari Khorsum, as it is traditionally called, boasts breathtaking landscapes and is home to the tranquil town of Shiquanhe. With its sparse population of only 0.3 people per kilometer, it stands as one of the least densely populated areas in the world.
🔗 High Resolution Version:
📍 Data Source:
🎨 Tools used: R language, R Studio, Rayshader, and Adobe Illustrator
For today's theme, I have created a contour map to showcase the changes in elevation within the Yosemite Wilderness, US. Contours provide a swift and informative way to visualize the varying terrain, as their spacing and pattern unveil the landscape's characteristics. For this particular project, I opted for the black and white theme, by using light shades for the contour lines against a darker background. For creating this map, I downloaded the high resolution LIDAR based elevation data from OpenTopography, and processed it in ArcGIS Pro. Later on, I finalized the map in Adobe Illustrator.
🔗 High Resolution Version:
📍 Data Source:
🎨 Tools used: ArcGIS Pro, and Adobe Illustrator
Understanding the unique and fragile environment of Antarctica is crucial, and elevation plays a vital role in achieving this. By offering insights into the distribution of ice, glaciers, and landforms, scientists can study the effects of climate change and monitor the stability of ice sheets. Today, I opted for a simple elevation visualization using polar projection in ArcGIS Pro to gain a better understanding of this important information.
🔗 High Resolution Version:
📍 Data Source:
🎨 Tools used: ArcGIS Pro, and Adobe Illustrator
Check out this stunning 3D elevation map of Mount Everest, created for today's minimal theme. With its towering height of 8,848 meters, Mount Everest boasts the highest elevation on Earth. The simplicity of this map allows us to appreciate the unique and breathtaking nature of Mount Everest's elevation, reminding us of the grandeur and magnificence that lies within the world's tallest mountain.
🔗 High Resolution Version:
📍 Data Source:
🎨 Tools used: ArcGIS Pro, and Adobe Illustrator
For today's theme, I created a dot map that displays the relative wealth index (RWI) of the Indian subcontinent, which includes both Pakistan and India. This map is an effective tool for comprehending and analyzing the economic landscape of this region. The wealth index offers valuable insights into the distribution of wealth and resources, highlighting areas of prosperity and those requiring economic development.
🔗 High Resolution Version:
📍 Data Source:
🎨 Tools used: QGIS, and Adobe Illustrator
All maps are licensed under CC BY-NC-ND.
-
See License details here if you want to copy,or use my maps.
-
In case you use my map or find it insightful, please share the details with me, as I would love to hear your feedback.
-
For queries contact me at:
Tags:
#30DayMapChallenge #DataVisualization #Cartography #Mapping #googleearthengine #geemap #python #arcgispro #qgis #adobeillustrator #adobephotoshop #cartoee #cartopy #geospatial #gis #remotesensing #earthengine #gee #viusalization #osmnx #taz #tazriver #riverrem #relativeelevationmodel #elevation #elevationvisualization #rayshader #r #3d #MountEverest #MinimalistMap #MinimalElevation #NatureUnveiled #Wealth #WealthIndex #IndianSubcontinent #EconomicDevelopment
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent
