topic Tea Cup Diagram - Fill Symbol with color based on value in ArcGIS JavaScript Maps SDK Questions

Tea Cup Diagram - Fill Symbol with color based on value

RickeyFight — Fri, 30 Apr 2021 17:01:41 GMT

I want to fill a symbol or on a map or a filled shape chart using esri data.

I have been requested to make it like a tea cup diagram.

I know this is a static image but was wondering if there is a way to do this dynamically.

https://www.usbr.gov/pn/hydromet/roguetea.html

Re: Tea Cup Diagram - Fill Symbol with color based on value

AnneFitz — Fri, 30 Apr 2021 17:04:14 GMT

You should be able to accomplish this using CIMSymbols. Here's an example: https://developers.arcgis.com/javascript/latest/sample-code/cim-primitive-overrides/

Re: Tea Cup Diagram - Fill Symbol with color based on value

RickeyFight — Fri, 30 Apr 2021 17:18:43 GMT

@AnneFitz Do they have to be dots or can they be a different symbol?

Re: Tea Cup Diagram - Fill Symbol with color based on value

AnneFitz — Fri, 30 Apr 2021 17:46:51 GMT

No they don't have to be dots! Can be any point symbol - or lines and polygons can follow the same pattern, using CIM primitive overrides to override the symbol properties based on data values.

Re: Tea Cup Diagram - Fill Symbol with color based on value

RickeyFight — Fri, 30 Apr 2021 18:11:07 GMT

@AnneFitz I will look into this thanks

Re: Tea Cup Diagram - Fill Symbol with color based on value

PeterPucz — Thu, 07 Jul 2022 20:19:49 GMT

@RickeyFight Did you end up figuring out a solution to creating a tea cup diagram? I am currently trying to create the exact same thing. I've created a tea cup with the CIMSymbols but trying to figure out an efficient solution for filling the cups.

Re: Tea Cup Diagram - Fill Symbol with color based on value

AnneFitz — Thu, 07 Jul 2022 20:45:47 GMT

This blog might be some help - https://www.esri.com/arcgis-blog/products/js-api-arcgis/mapping/how-to-create-a-sparkline-map-with-the-arcgis-api-for-javascript/

In this app, the developers updated the underlying geometry of the vector marker symbol to create a sparkline based on the provided data. I think a similar concept could probably be applied in order to fill the teacup.

Keep me updated on your progress! Would love to see the finished product.

Re: Tea Cup Diagram - Fill Symbol with color based on value

RickeyFight — Wed, 24 Aug 2022 16:40:34 GMT

@PeterPucz

I did not.
I ended up using esri dashboard and making this https://experience.arcgis.com/experience/4a5e89ec2e1b4757990d23b31b38c07f/page/Page-1/