Skip to contentEsri Developer
  • Documentation

    Maps and scenes

    Build 2D and 3D mapping applications with client APIs, the basemap styles service, and data services.

    Learn more in the Mapping and location services guide

    Topics

    • Mapping
    • Types of mapping apps
    • How to build a mapping app
    • Maps (2D)
    • Scenes (3D)
    • Basemaps
    • Custom basemap styles
    • Data layers
    • Web maps
    • Web scenes

    Tutorials

    • JavaScript Maps SDK
    • .NET Maps SDK
    • Kotlin Maps SDK
    • Swift Maps SDK
    • Flutter Maps SDK
    • Java Maps SDK
    • Qt Maps SDK
    • Unity Maps SDK
    • Unreal Engine Maps SDK
    • Leaflet
    • MapLibre GL JS
    • OpenLayers
    • CesiumJS
    • Python API
    • Map Viewer
    • Scene Viewer
    • Vector tile style editor
  • SDKs and APIs
  • Explore developer products
  • Explore help resources

ArcGIS Maps SDK for JavaScript

  • Home
  • Sample Code
  • References
  • Showcase
  • Blogs
  • Overview
  • Get started
  • Tutorials

    • Introduction
    • Location style
      • Introduction
      • Esri color ramps
      • Symbols
      • Esri Web Style Symbols (2D)
      • Esri Web Style Symbols (3D)

  • Licensing & Attribution
  • FAQ
  • Community

Symbols and color ramps

Percent of homes with soil floors (2020 Mexico Census).

The ArcGIS Maps SDK for JavaScript ArcGIS Maps SDK for JavaScript, previously known as ArcGIS API for JavaScript, is a developer product for building mapping and spatial analysis applications for the web. Learn more provides hundreds of 2D and 3D web style symbols out-of-the-box along with a variety of colorblind-friendly color ramps suitable for any background.

Get started

Esri color ramps

Browse hundreds of sequential, diverging, and categorical color ramps you can copy/paste directly into your app.

Symbols

Learn about the various symbols and create your own custom symbol and generate the code to copy/paste directly in your app.

Esri Web Style Symbols (2D)

Browse hundreds of 2D web style symbols you can copy/paste directly into your app.

Esri Web Style Symbols (3D)

Browse hundreds of 3D web style symbols you can copy/paste directly into your app.

Techniques and best practicesClass breaks vs. continuous colorSymbols and color rampsEsri color ramps
  • Get started
Was this page helpful?

Copyright © 2026 Esri . All rights reserved.

  • Privacy
  • Terms of Use

Sign up to receive the latest news from Esri