CODEWITHSUNDEEP
vega-lite
hanzgs
hanzgs

Reputation: 1616

How to change color pallete of vega lite heatmap?

How to change the color scheme in the vega lite heatmap

I tried changing the range scheme to different values, but the color not changing

enter image description here

https://vega.github.io/editor/#/url/vega-lite/N4IgJAzgxgFgpgWwIYgFwhgF0wBwqgegIDc4BzJAOjIEtMYBXAI0poHsDp5kTykBaADZ04JAKyUAVhDYA7EABoQAEySYUqUMSSCGcCGgDaoJFEwMdaEAEFFIHACc4ymmedXbSqGwazMaAEYAZgBfBRMzC0EPO0dnV0x3dAAhO29ff1QABjCI80t0T3snFzdlKwBhNJ8-NBzwkFN86JTYkoSkm2qMutzGyIKQVKU40sTy1q8azID6vKirYeL4ssru2tQANj6mhfQqkfbVwvXMuf7mtcOV8cXT3obdwYPlsc6X9I2AThCAXTD7EgHEgEAZUMYQLIQXArDAaGQYMIEf4lBA4II4GYrDg2DRan8lMgHABrNCgTAATxwMPQTixqMwDjYxLgAHUaMp6GgAEwAuCybwuWRkMkgCmigBmNHREwuCyUlOpVlkbAQeMsAIAHpLpYJZaMOuUFVSaZDVerogCpYIWqApTKrJ8USBFaaAI4WPx0NQ0UggAEQRnMmmgbyyFyYdjyTSA4EIWHwxGJ52IHCUtASnRopTaXSmpiCUykgG5vRoWQMG0Atg4Ux0cUxsMRqOi2txhMIpFYOylmkBEs6MvZShiasOZRwByipt0FsxtsgjtJ5E9wd9gd53oAsNSkUx6A6EMgJhIcMABSQyiFZAAkrJZJO6koT+fL9eAPIMRJT7Il6UAd1FQM4BwNAABZ6hAYFhSPONQP3WBEFNAAZZN32gsgYRCAEkE1GgwVAZRVSQPEMyzOBsJCIA

Upvotes: 2

Views: 592

Answers (1)

Oluwafemi Sule
Oluwafemi Sule

Reputation: 38982

You can set the scheme for the fill scale.

    "fill": {
        "field": "count",
        "type": "quantitative",
        "scale": {
            "scheme": "category20b"
        }
    },

You could also provide a color range instead of a preset scheme.

    "fill": {
        "field": "count",
        "type": "quantitative",
        "scale": {
            "range": [
                "silver",
                "purple",
                "teal",
                "blue"
            ]
        }
    },

Upvotes: 2

Related Questions