Shelter Monitor — ArcGIS JS SDK Demo

—

Shelters

—

Open

—

Avg Occ.

—

Capacity

Renderer Type

By Shelter Status unique-value

By Occupancy % class-breaks

By Capacity proportional size

By Facility Type unique-value

Status Filter

All

Open

Full

Limited

Closed

// SDK Code Running Now

// Unique-value renderer — applied client-side
const renderer = {
  type: "unique-value",
  field: "STATUS",
  uniqueValueInfos: [
    { value: "Open",    symbol: { color: "#2d5a27" } },
    { value: "Full",    symbol: { color: "#c41e3a" } },
    { value: "Limited", symbol: { color: "#b8860b" } },
    { value: "Closed",  symbol: { color: "#a3a3a3" } }
  ]
};
layer.renderer = renderer; // instant. no server call.
      

Connecting to ArcGIS JS SDK

// Active Technique

unique-value renderer on STATUS field — swap any time