# Vector styling methods

{% embed url="<https://www.loom.com/share/f3e9267c12a741cc9e2e6825f8cad66c?sid=40200dbd-fe8a-4c9d-b602-11003d803507>" %}

Ellipsis Drive has made it easy to style your vector data :rainbow:

Just open a vector layer as show above and start using the methods described below :point\_down:

<details>

<summary><span data-gb-custom-inline data-tag="emoji" data-code="1f7e0">🟠</span> Range-based styling (rangeMap)</summary>

This method assigns a color based on the range within which a value falls

</details>

<details>

<summary><span data-gb-custom-inline data-tag="emoji" data-code="1f7e0">🟠</span> Value-based styling (valueMap)</summary>

This method assigns color based on the value of a property.

</details>

<details>

<summary><span data-gb-custom-inline data-tag="emoji" data-code="1f7e0">🟠</span> <strong>Constant</strong></summary>

This method assigns the same color to all vectors

</details>

<details>

<summary><span data-gb-custom-inline data-tag="emoji" data-code="1f7e0">🟠</span> Seeded random styling</summary>

This method assigns a random color to your vectors based on their properties.&#x20;

</details>

<details>

<summary><span data-gb-custom-inline data-tag="emoji" data-code="1f7e0">🟠</span> Inherited styling</summary>

This method assigns color based on the color property of the vector.

</details>

<details>

<summary><span data-gb-custom-inline data-tag="emoji" data-code="1f7e0">🟠</span> Case-based styling (caseMap)</summary>

This method assigns a color based on case handeling

</details>