title: Display donut chart clusters with custom properties in Mapbox Android SDK
body: <p>There are different type markers on a Mapbox SDK Android map.
  I'm using clustering for the source of the markers with custom filters that show the count of the different types.</p>
  <pre><code>      let geoJsonOptions = new this.mapboxSdk.style.sources.GeoJsonOptions()
          .withCluster(true)
          .withClusterMaxZoom(13)
          .withClusterRadius(51);
  
        for(let type in this.ChecklistAttributes){
          geoJsonOptions.withClusterProperty(type,
            this.mapboxSdk.style.expressions.Expression.literal(&quot;+&quot;),
            this.mapboxSdk.style.expressions.Expression.raw('[&quot;case&quot;,[&quot;==&quot;,[&quot;get&quot;,&quot;type&quot;],&quot;'+type+'&quot;],1,0]')
          )
        }
  
        //Add GeoJson Source
        this.ChecklistMarkersSource = new this.mapboxSdk.style.sources.GeoJsonSource(&quot;checklist-markers-source&quot;,
          JSON.stringify(this.ChecklistsGeoJson),
          geoJsonOptions
        );
        style.addSource(this.ChecklistMarkersSource);
  </code></pre>
  <p>This works as expected when I query the source features I'm getting the cluster data with the different counts.</p>
  <p>I would like to show a donut chart based on the number of different types, but I can't find the way how to draw custom clusters and add to the map.</p>
  <p>Here's a ready to use example for mapbox gl-js, but this uses HTML/SVG which is not supported by the Mapbox Android SDK or I don't find the way how to do it:</p>
  <p><a href="https://docs.mapbox.com/mapbox-gl-js/example/cluster-html/" rel="nofollow noreferrer">https://docs.mapbox.com/mapbox-gl-js/example/cluster-html/</a></p>
  <p>I've tried to generate raster images and add them as an Image source layer, but this feels extremely resource taking and bad approach. Also, I don't know how to handle the size of the images during zooming in-out.</p>