LogoLogo
Sign upHelp CenterContactSocial
Home
Home
  • Overview
  • REST API
    • Getting started
    • Navigating maps and workspaces
    • Uploading files and URLs
    • Styling layers
    • Refreshing live data layers
    • Working with elements
    • Listening to updates using webhooks
    • API Reference
      • Authentication
      • Maps
      • Layers
      • Elements
      • Users
      • Comments
      • Embed Tokens
      • Sources
      • Projects
  • JS SDK
    • Getting started
    • General concepts
    • Controlling maps
    • Working with selection
    • Reading entities
    • Drawing elements
    • Working with layers
    • Layer filters
    • Building custom charts
    • Map interactions and viewport
    • Hiding and showing
    • Integrating with React
    • Sample application
    • Examples
    • API Reference
  • Felt Style Language
    • Getting started
    • Style definition blocks
      • The config block
      • The paint block
      • The label block
      • The legend block
      • The popup block
      • The attributes block
      • The filters block
    • Types of visualizations
      • Simple visualizations
      • Categorical visualizations
      • Numeric visualizations (color & size)
      • Heatmaps
      • Hillshade
    • Zoom-based Styling
      • Interpolators
    • Legends
    • Errors
    • Examples
Powered by GitBook
On this page

Was this helpful?

Export as PDF
  1. Felt Style Language
  2. Style definition blocks

The attributes block

PreviousThe popup blockNextThe filters block

Last updated 1 year ago

Was this helpful?

The attributes block contains information on how attributes will be shown both on the popup and the table. Each attribute definition can contain the following properties:

Field name
Description

displayName

Optional. How this attribute will be shown in different parts of the Felt UI.

format

Optional. A object that encodes how numeric fields should be shown.

Example of an attribute blocks block
"attributes": {
  "faa": {
    "displayName": "FAA Code",
    "format": {
      "mantissa": 0,
      "thousandSeparated": true
    }
  },
  "wikipedia": {"displayName": "Wikipedia"},
}
numbro