Query demographic data

In this tutorial, you find demographic information for a location by accessing the GeoEnrichment service. The GeoEnrichment service provides information such as population and household size about geographic areas that you define.

Prerequisites

You need an ArcGIS account to access the developer dashboard and create an API key.

Steps

Create a new pen

If you are using the CDN libraries, to get started.

Get an API Key

To access location services, you need an API key or OAuth 2.0 access token.

Go to your dashboard to get an API key. The API key must be scoped to access the services used in this tutorial.
In CodePen, update apiKey to use your key.

Make the request

You can copy and paste the code below, following the steps to make a request to the GeoEnrichment service.

Reference the ArcGIS REST JS libraries either through CDN, ES Modules, or Node JS.
Set the apiKey with the API key from your dashboard.
Define the parameters needed for the request.
Call the Geoenrichment service and handle the results.

CDN

ES Modules

Node JS

Use dark colors for code blocks

Add line.Change lineAdd line.Add line.Add line.Add line.Add line.Add line.Add line.Add line.
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>ArcGIS REST JS</title>
  <style>
    body {
      font-family: monospace;
      color: white;
    }
    pre {
      overflow: auto;
      padding: 1rem;
    }
    body,pre{
      background: #000000;
    }
  </style>
</head>
<body>
  <pre id="result"></pre>

  <!-- require ArcGIS REST JS libraries from https://unpkg.com -->
  <script src="https://unpkg.com/@esri/arcgis-rest-request@3.0.0/dist/umd/request.umd.js"></script>
  <script src="https://unpkg.com/@esri/arcgis-rest-auth@3.0.0/dist/umd/auth.umd.js"></script>
  <script src="https://unpkg.com/@esri/arcgis-rest-demographics@3.0.0/dist/umd/demographics.umd.js"></script>

  <script>
    /* when including ArcGIS REST JS all exports are available
    from the same arcgisRest global */

    const apiKey = "YOUR_API_KEY";

    const authentication = new arcgisRest.ApiKey({
      key: apiKey
    });

    arcgisRest.queryDemographicData({
      studyAreas: [{ "geometry": { "x": 0.1278, "y": 51.5074 } }], // London
      authentication: authentication
    })
    .then((response) => {
      console.log("Demographics:", response);
      document.getElementById("result").textContent = JSON.stringify(response, null, 2);
    });

  </script>

</body>
</html>

Result

The request will return the following :

What's next?

Learn how to use additional ArcGIS location services in these tutorials:

Edit feature data

Add, update, and delete data in a hosted feature layer.

Find places

Find coffee shops, gas stations, restaurants and other nearby places by accessing the Geocoding service.

Find service areas

Create a service area that can be reached from a location within a drive time with the route service.

RoutingFind service areas AuthenticationAuthenticate with an ArcGIS identity (Browser)

Solution

Estimated time

10 minutes

DocumentationArcGIS REST JS Guide