> For the complete documentation index, see [llms.txt](https://docs.mapbox.com/help/ja/llms.txt)

# data-driven styling

**Data-driven styling** allows you to style spatial data based on its properties. For example, with data-driven styling you can change the radius of a circle at an intersection based on the number of pedestrians crossing the intersection, change the color of a state polygon based on the population of each state, or use conditional logic to create bilingual labels. Data-driven styling is available in the following products:

-   [Mapbox Studio](https://docs.mapbox.com/studio-manual/)
-   [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js/)
-   [Mapbox Maps SDK for iOS](https://docs.mapbox.com/ios/maps/)
-   [Mapbox Maps SDK for Android](https://docs.mapbox.com/android/maps/)

**Related resources:**

-   Getting started: [Data-driven styles](https://docs.mapbox.com/help/ja/dive-deeper/map-design/#data-driven-styles)

*Mapbox Maps SDK for iOS*

-   [Expressions documentation](https://docs.mapbox.com/ios/maps/guides/styles/use-expressions/)

*Mapbox Maps SDK for Android*

-   [Expressions documentation](https://docs.mapbox.com/android/maps/guides/styles/use-expressions/)

*Mapbox GL JS*

-   Example: [Style circles with a data-driven property](https://docs.mapbox.com/mapbox-gl-js/example/data-driven-circle-colors/)
-   Tutorial: [Get started with Mapbox GL JS expressions](https://docs.mapbox.com/help/ja/tutorials/mapbox-gl-js-expressions/)