Interactive Learner GIS

Your one-stop shop for all things GIS! Easily learn about GIS in an interactive environment.

Demo

Live Link

Motivation

Mapmakers use maps as a form of graphical communication. Map readers (such as yourself) vary in levels of map literacy. To bridge the gap between mapmakers and map readers, the site aims to promote map literacy and critical thinking by concentrating on improving map reader spatial inquiry competencies in an interactive / storytelling self-paced GIS learning environment. The site is meant to be open source and act as a knowledge base that contributors can build upon.

Curriculum (ongoing)

Have a chapter idea? Look below on how to contribute.

The incomplete chapters are mentioned in the Issues tab under the Content label.

• Projections
• Scale
• Visual Encoding
• Types of Maps
• Classification Schemes
• Spatial Autocorrelation Statistics
• Lying with Maps
• GIS Data Types
• Spatial Analysis
• Web GIS
• Geometric Primitives
• Geodatabases
• Resources

Planned Features for a Better Learning Experience

The incomplete features are mentioned in the Issues tab under the Enhancement label.

• Implement report system using local storage to track user progress
• Grade tracking system to assess learning (also local storage)
• Support multiple languages
• Pagination
• Table of contents
• Consistent styling between desktop and mobile

How to Contribute

Developers and Content Writers

Create an issue and / or make a pull request. A GitHub account is required.

Get Familiar with the Workflow

Please visit the Contribute Page for instructions.

Clone the Application

git clone https://github.com/InteractiveLearner/interactivelearner-gis.git

Package Manager

It is recommended to use pnpm for this project.

Run the Application

pnpm install
pnpm start 

Build the Application

pnpm build

Publish the Application to GitHub Pages

pnpm deploy

Other Contributors

Email me at omarkawach@outlook.com with any resources, feedback or ideas you'd like to share. If you do not have a GitHub account, I can upload and credit you for any content you wish to contribute.

Technologies

Deployment

• Vercel

Tooling

• Vite

Web Design

• React
• React Router
• Dash Components

Content writing and documentation

• MDX JS
• Markdown

Data Visualization

• d3js

Geospatial

• GeoPandas
• React Leaflet
• QGIS
• ArcGIS Pro
• ArcGIS Online Map Viewer

Author

Omar Kawach

Contributors

Jeff Menke

Credits and Acknowledgements

Under the supervision of Dr. Charles Perin, I developed this website for my capstone project at the University of Victoria.

License (GPL)

Released under the GNU General Public License, version 3. To protect against theft and promote free open source software, any developers making use of this repository must release their changes under the same license.

Dataset Sources

Hospitals from Open Ottawa

Road Network Files from Statistics Canada

Ottawa Wards from Open Ottawa

Health Authority Boundaries from BC Data Catalogue

2016 Census Wards Excel from Open Ottawa

State Population Totals for 2010-2019 from the United States Census Bureau

Icons

SeekPNG