Skip to content

This sample demonstrates how to create a data exploration app where the color and size of features are driven by two different numeric attributes. The user can use the ColorSlider and SizeSlider widgets to alter the color or size of the features to explore each associated variable.

These sliders are often used in conjunction with the renderer generator functions, which generate default renderers driven by layer data, typically from an attribute field. However, rather than use the generator functions, this app loads the layer's renderer from a preconfigured web map, and reads the renderer's authoringInfo to set up the sliders.

Additional visualization samples and resources

Image preview of related sample Generate continuous color visualization

Generate continuous color visualization

Image preview of related sample Generate data-driven continuous size visualization

Generate data-driven continuous size visualization

Image preview of related sample Generate continuous color visualization for 3D buildings

Generate continuous color visualization for 3D buildings

Image preview of related sample Generate data-driven visualization of unique values

Generate data-driven visualization of unique values

Image preview of related sample Animate color visual variable

Animate color visual variable

Image preview of related sample Animate layer view effect

Animate layer view effect

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.