Generate a class breaks visualization

Note: Support for 3D on mobile devices may vary, view the system requirements for more information.

This sample demonstrates how to generate a data-driven class breaks visualization based on a classification method used to classify data from a numeric field in a FeatureLayer.

This is accomplished with the createClassBreaksRenderer() method in the color renderer creator helper object. All that is required for generating a renderer is a Feature Layer and a field name.

var params = {
  layer: layer,
  field: "COL_DEG",
  normalizationField: "EDUCBASECY",
  basemap: map.basemap,
  classificationMethod: "quantile",
  numClasses: 4,
  legendOptions: {
    title: "% population with a college degree"
  }
};

// generate the renderer and set it on the layer
colorRendererCreator.createClassBreaksRenderer(params)
  .then(function(response){
    layer.renderer = response.renderer;
  });

Additional visualization samples and resources

• Visualize data with (manual) class breaks
• Generate continuous color visualization
• Generate continuous size visualization
• Generate continuous color visualization for 3D buildings