---
title: "GradientColoringFragment | Weather SDK | JavaScript maps SDK"
description: "Documentation for Weather JS"
---

# Class GradientColoringFragment

Use color gradient to generate coloring from the pixel values.

#### Hierarchy ([View Summary](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/hierarchy/#GradientColoringFragment))

-   [ColoringFragmentBase](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColoringFragmentBase/)
    -   GradientColoringFragment

##### Index

### Constructors

[constructor](#constructor)

### Methods

[codeValue](#codevalue) [decodeChannel](#decodechannel) [decodeValue](#decodevalue) [getBlendCode](#getblendcode) [getCode](#getcode)

## Constructors

### constructor[](#constructor)

-   new GradientColoringFragment(  
        options: [GradientColoringFragmentOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/GradientColoringFragmentOptions/),  
    ): GradientColoringFragment[](#constructorgradientcoloringfragment)
    
    #### Parameters
    
    -   options: [GradientColoringFragmentOptions](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/types/GradientColoringFragmentOptions/)
    
    #### Returns GradientColoringFragment
    
    Overrides [ColoringFragmentBase](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColoringFragmentBase/).[constructor](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColoringFragmentBase/#constructor)
    

## Methods

### codeValue[](#codevalue)

-   codeValue(value: number): number[](#codevalue-1)
    
    Get the value in the unit interval \[0, 1\] computed with `.decode.min` and `.decode.max`
    
    #### Parameters
    
    -   value: number
    
    #### Returns number
    
    Inherited from [ColoringFragmentBase](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColoringFragmentBase/).[codeValue](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColoringFragmentBase/#codevalue)
    

### decodeChannel[](#decodechannel)

-   decodeChannel(pixel: [Pixel](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/interfaces/Pixel/)): number | number\[\][](#decodechannel-1)
    
    Get real world values of the given pixel (with rgb or rgba in \[0, 1\]) for the channel(s) specified in `.decode.channel`
    
    #### Parameters
    
    -   pixel: [Pixel](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/interfaces/Pixel/)
    
    #### Returns number | number\[\]
    
    Inherited from [ColoringFragmentBase](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColoringFragmentBase/).[decodeChannel](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColoringFragmentBase/#decodechannel)
    

### decodeValue[](#decodevalue)

-   decodeValue(value: number): number[](#decodevalue-1)
    
    Given a value in the unit interval \[0, 1\] get the real world value bounded by `.decode.min` and `.decode.max`
    
    #### Parameters
    
    -   value: number
    
    #### Returns number
    
    Inherited from [ColoringFragmentBase](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColoringFragmentBase/).[decodeValue](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColoringFragmentBase/#decodevalue)
    

### getBlendCode[](#getblendcode)

-   getBlendCode(name: string): string[](#getblendcode-1)
    
    Generate shader/GLSL code for blending
    
    #### Parameters
    
    -   name: string
    
    #### Returns string
    
    Inherited from [ColoringFragmentBase](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColoringFragmentBase/).[getBlendCode](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColoringFragmentBase/#getblendcode)
    

### getCode[](#getcode)

-   getCode(name: string): string[](#getcode-1)
    
    Generate shader/GLSL code
    
    #### Parameters
    
    -   name: string
    
    #### Returns string
    
    Inherited from [ColoringFragmentBase](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColoringFragmentBase/).[getCode](https://docs.maptiler.com/sdk-js/modules/weather/api-reference/classes/ColoringFragmentBase/#getcode)