🚧 Under construction — VoTechWorks is being built. A free tech program — complimentary, as our commitment to get America working.
voTechWorksGrade 13 · a vocational technology learning center, by urbanicity
newSchoolWorks.com › VoTechWorks › Technology & Design › Data Science & Analytics › GIS and Spatial Data Analysis › Lesson 8
TEC-DATA85-09 · Lesson 8 · 12 clock hours · practice

Web GIS and Spatial Dashboards

Objective. Students will publish a spatial dataset to ArcGIS Online (or an equivalent open platform such as CARTO or Felt), configure a hosted feature layer, and embed it in an interactive web map or dashboard shared via a public URL.

⚠ Pending professional review

This lesson, its worked examples and its practice questions has not yet been verified by an industry-certified professional or by a certification or approval body. It is a study draft and may contain errors. Do not use it as instructions for work on a job site or on live equipment. Always follow your instructor, your supervising professional, and current official references and regulations.

VoTechWorks program approval and accreditation are still in progress. Credentials are issued only by the certifying bodies named in each program, after their own exams.

What Is Web GIS?

Web GIS moves spatial data out of desktop software and onto the internet so that anyone with a browser can view, query, and interact with maps without installing specialized software. Platforms such as ArcGIS Online (Esri), CARTO, and Felt host your data on their servers, render tiles and feature layers, and serve them through secure HTTPS connections. The result is a living map that stakeholders can open on a laptop or phone, filter by attribute, and share with a single link.

Hosted Feature Layers

A hosted feature layer is a spatial dataset stored and served directly by the platform. When you upload a GeoJSON, CSV with coordinates, or Shapefile to ArcGIS Online, the platform converts it into a feature service — a REST endpoint that delivers features as JSON on demand. Unlike a static image tile, a feature layer supports querying ("show me only counties where population > 50,000"), editing, and pop-up interaction in the browser.

Key steps to create a hosted feature layer in ArcGIS Online:

1. Sign in to your free public account at arcgis.com.

2. Go to Content → New Item → Upload a local file and select your GeoJSON.

3. Choose Publish this file as a hosted feature layer.

4. After publishing, the item page shows a REST URL — this is your service endpoint.

If you are using an open alternative such as CARTO, the workflow is similar: connect a data source, let CARTO generate a tile layer and an API endpoint, then open the Map Viewer to style and share it.

Configuring Pop-Ups

Pop-ups are small information windows that appear when a user clicks a feature. A well-designed pop-up turns raw field names into readable labels and formats numbers clearly. In ArcGIS Online Map Viewer:

Poor pop-up design — such as showing every internal ID field — overwhelms users. Choose only the fields that answer the questions your audience is asking.

Graduated Color Renderers

A graduated color renderer (also called a choropleth style) maps a continuous numeric variable to a color ramp so that visual intensity communicates magnitude at a glance. Steps in ArcGIS Online Map Viewer:

1. Select the layer and open Styles.

2. Choose the numeric attribute (e.g., median income).

3. Select Counts and Amounts (Color) — this applies the graduated color method.

4. Pick a sequential color ramp (light-to-dark for low-to-high values) or a diverging ramp when your data has a meaningful midpoint.

5. Adjust the number of class breaks (5 is a common default) and the classification method (Natural Breaks, Quantile, or Equal Interval).

The choice of classification method changes what the map communicates. Quantile ensures equal numbers of features per class, which highlights relative rank. Natural Breaks minimizes within-class variance. Document your choice in the item summary so readers understand the representation.

Sharing a Web Map Publicly

A web map in ArcGIS Online is its own saved item — separate from the feature layer — that stores the map extent, basemap choice, layer styling, and pop-up configuration. To share:

1. Save the map with a descriptive title and summary.

2. Click Share → Everyone (public).

3. The platform warns you if the underlying layer is not also public; share the layer as well.

4. Copy the item URL. Test it by pasting into an incognito or private browser window to confirm it loads without sign-in.

Always test in incognito. A map that requires a login is not truly public and cannot be reviewed by your instructor or a future employer without an account.

Spatial Dashboards and Linked Widgets

A dashboard extends a web map by adding charts, gauges, lists, and filters on the same screen. ArcGIS Dashboards (included with a free public account in a limited form) and CARTO Builder both support linked widgets: when a user clicks or selects features on the map, connected charts update automatically to show statistics for only those selected features. This "linked view" pattern is foundational in visual analytics — it lets an end user filter spatially and see attribute summaries update in real time without any coding.

To add a linked bar or pie chart:

1. Open the Dashboard editor and add a Chart element.

2. Point it at the same hosted feature layer as your map.

3. Set the Map filter option so the chart respects the map's current selection.

4. Label axes clearly — a chart without axis labels is not publication-ready.

Data Accuracy and Professional Responsibility

Publishing spatial data publicly carries responsibility. Before sharing:

These practices align with responsible data stewardship principles that appear in the CompTIA Data+ and IBM Data Science Professional curricula.

Platform Accounts and Credentials

ArcGIS Online free public accounts do not require a credit card. Use your school email to register. Free accounts have storage limits and some advanced features (such as full ArcGIS Dashboards capabilities) may require an organizational account. If your institution provides an Esri Education site license, use that. Otherwise, CARTO free tier or Felt (felt.com) are fully functional alternatives for this exercise.

Key terms10

Hosted feature layerA spatial dataset uploaded to and served directly by a cloud GIS platform as a queryable REST endpoint, enabling browser-based interaction without desktop software.
Web mapA saved, shareable map item stored on a cloud GIS platform that records the basemap, layers, styling, and extent so it can be opened via a URL.
Graduated color rendererA map symbology method that assigns a color ramp to a continuous numeric attribute so that color intensity represents relative magnitude; also called a choropleth style.
Pop-upAn information window that appears when a user clicks a map feature, displaying configured attribute fields with readable labels and formatted values.
Classification methodThe algorithm used to divide a continuous variable into discrete class breaks for a graduated renderer; common methods include Natural Breaks, Quantile, and Equal Interval.
DashboardA layout that combines a web map with charts, gauges, and other widgets that update dynamically when the user interacts with the map, enabling spatial filtering linked to attribute summaries.
Linked viewA dashboard design pattern in which selecting or filtering features on the map automatically updates connected charts or tables to reflect only the selected features.
GeoJSONAn open standard file format that encodes geographic features and their attribute properties using JSON syntax; widely supported by web GIS platforms and programming libraries.
REST endpointA URL that follows the Representational State Transfer convention and returns data (such as spatial features in JSON format) in response to HTTP requests from a browser or application.
Incognito windowA private browser session with no stored cookies or login tokens, used to verify that a shared map or dashboard is truly accessible to the public without sign-in.
In class: Instructor demo: sign in to ArcGIS Online free public account, upload a GeoJSON file to create a hosted feature layer, configure pop-ups with field aliases and formatted attributes, and set a symbol renderer; students follow along step by step. · Individual project: students publish their spatial join output from Lesson 6 to ArcGIS Online, configure meaningful pop-ups, apply a graduated color renderer, and create a web map with a descriptive title and summary; they share the item publicly and paste the URL into a submission form. · Dashboard extension (where platform supports): students add at least one chart widget (bar chart or pie chart) linked to the map selection so that clicking a feature updates the chart; they screenshot the linked interaction and write two sentences explaining what an end user can learn from the linked view.
Materials: ArcGIS Online free public account (esri.com) or CARTO free tier, web browser, previously completed GeoJSON from Lesson 6, ArcGIS Online Help documentation (doc.arcgis.com), instructor-prepared step-by-step platform guide
Check: Students submit the public URL and a screenshot of the published web map. Instructor loads the URL and checks for: hosted feature layer with correct data, graduated renderer, pop-ups with at least three fields, and (if dashboard attempted) a linked chart; pass mark: all three core elements present and map loads correctly in an incognito browser window.

Practice check8

Answer each question, then check it. Nothing is recorded; this is your own practice.

Data visualization and reporting
1. A student uploads a GeoJSON to ArcGIS Online and chooses 'Publish this file as a hosted feature layer.' What is the primary benefit of this approach compared with attaching the GeoJSON as a static file download?
Data visualization and reporting
2. Which classification method for a graduated color renderer guarantees that each color class contains the same number of features?
Data management and governance
3. An instructor opens a student's shared map URL in an incognito browser window and is immediately prompted to sign in to ArcGIS Online. What is the most likely cause?
Data visualization and reporting
4. A data analyst wants the bar chart on her dashboard to show statistics only for the counties currently visible in the map view. Which dashboard feature should she enable?
Data governance and ethics
5. Before publishing a spatial dataset publicly, a data analyst discovers it contains the precise GPS coordinates and full names of individual survey respondents. What is the correct action?
Data visualization and reporting
6. A student applies a graduated color renderer using a diverging color ramp (blue-white-red) to a dataset showing change in unemployment rate from one year to the next. Why is a diverging ramp appropriate here?
Data formats and storage
7. Which file format encodes geographic features and their attributes using JSON syntax and is directly supported by ArcGIS Online's upload workflow?
Data visualization and reporting
8. A student configures pop-ups for a census layer and includes only two fields: an internal object ID and a FIPS code. An instructor marks the pop-up configuration as incomplete. What is the most likely reason?
Record this lesson on my transcript. Sign in with your key and enrollment email to record lessons (enroll free if you have no key). This page stays open to read and practise.