Related Experiment Video
Updated: Jun 15, 2026

06:10
Using Generative Art to Convey Past and Future Climate Transitions
Published on: March 31, 2023
Web GIS in practice VIII: HTML5 and the canvas element for interactive online mapping.
Maged N Kamel Boulos1, Jeffrey Warren, Jianya Gong
1Faculty of Health, University of Plymouth, Drake Circus, Plymouth, Devon PL4 8AA, UK. mnkamelboulos@plymouth.ac.uk
International Journal of Health Geographics
|March 5, 2010
Summary
This paper introduces Cartagen, an open-source framework for creating interactive HTML5 maps. Cartagen enables plug-in-free, offline-capable map rendering for web and mobile applications.
Area of Science:
- Computer Science
- Web Technologies
- Geographic Information Systems
Background:
- HTML5 is the next major revision of HTML, aiming to reduce reliance on proprietary plugins like Adobe Flash for rich internet applications.
- The HTML5 canvas element allows for graphics rendering via scripting languages such as JavaScript.
- Existing solutions for interactive web maps often require plugins or lack offline capabilities.
Discussion:
- Cartagen is an open-source, vector-based, client-side framework for rendering interactive maps.
- It leverages native HTML5 capabilities, eliminating the need for plug-ins.
- The framework supports offline map rendering and works across various web browsers and mobile devices.
Key Insights:
- Cartagen provides a plug-in-free solution for interactive, offline-capable maps using HTML5.
- The framework facilitates the development of rich, dynamic mapping applications directly in the browser.
- Vector-based rendering ensures scalability and quality for map graphics.
Outlook:
- Cartagen's potential applications include participatory online mapping for real-time data visualization.
- It can be utilized for mapping environmental data, such as air pollution.
- The technology can support citizen reporting initiatives and disaster response efforts.
Related Concept Videos
Introduction to GIS
Geographic Information Systems (GIS) are tools for storing, analyzing, and displaying spatial data alongside related attributes. Unlike traditional information systems that address general queries, GIS incorporates spatial components, enabling users to answer "where" and "how far." For example, GIS can process housing data linked to geographic locations like zip codes, allowing insights into population density or housing distribution through thematic maps.GIS integrates technologies such as...
Levels of Use of a GIS
Geographic Information Systems (GIS) operate across three levels of application, each representing an increasing degree of complexity: data management, analysis, and prediction. These levels reflect the expanding functionality and versatility of GIS technology in handling spatial data for diverse purposes.Data ManagementAt its foundational level, GIS serves as a tool for data management, enabling the input, storage, retrieval, and organization of spatial data. This level is often employed in...
GIS Software, Hardware, and Sources of GIS Data
A Geographic Information System (GIS) combines specialized software and hardware to effectively manage, analyze, and present spatial and related data. GIS software includes critical functionalities such as a user interface for easy navigation, database management tools for handling spatial and attribute data, and data retrieval features for efficient access. Analytical tools transform raw data into insights, while display functions produce maps and reports in various formats for effective...
Manipulation and Analysis
GIS manipulation and analysis functions are vital for decision-making and planning. These activities range from data retrieval tasks, such as selecting information based on specific criteria, to advanced analytical techniques that address complex spatial problems.One critical GIS analysis method is overlaying, which combines multiple data layers to examine impacts. For example, overlaying a river-dammed lake boundary with road networks can identify affected infrastructure. Another common...
Design Example: Alignment of a Road Line Using GIS
The alignment of a road line using Geographic Information Systems (GIS) is a critical process in civil engineering, combining advanced technology with practical decision-making. This methodology begins with the collection of geospatial data, including information on land cover, geomorphology, drainage patterns, slope, and contour details. Such data is typically acquired through satellite imagery and GIS tools, offering a comprehensive understanding of the terrain.Once the data is gathered, it...
Thematic Layering in GIS
In the past, planning projects such as schools or public facilities required extensive manual effort to gather and compile data. Information such as property boundaries, soil characteristics, road networks, zoning regulations, and flood zones had to be sourced individually from courthouses, utility providers, and registry offices. Assembling these datasets into a coherent format often took several months, delaying project timelines.The introduction of Geographic Information Systems (GIS)...

