var elev = ee.Image("JAXA/ALOS/AW3D30_V1_1")
             .select(['AVE']);
var table = ee.FeatureCollection("users/mahipalrajput91/StudyArea");
var clipped = elev.clipToCollection(table);
// Zoom to a location.
Map.setCenter(81.3208, 22.9483, 10); // Center on the Grand Canyon.
Map.addLayer(clipped, {min: 465, max: 1200,}, 'elev', false);

var shade = ee.Terrain.hillshade(clipped);
Map.addLayer(shade, {}, 'hillshade', false);

var ocean = clipped.lte(0);
var elevationPalette = ['006600', '002200', 'fff700', 'ab7634', 'c4d0ff', 'ffffff'];
// Use these visualization parameters, customized by location.
var visParams = {min: 465, max: 1200, palette: elevationPalette};

var visualized = ee.ImageCollection([
  // Mask the elevation to get only land
  elev.mask(ocean.not()).visualize(visParams),
  // Use the ocean mask directly to display ocean.
  ocean.mask(ocean).visualize({palette:'000022'})
]).mosaic();

var hsv = visualized.divide(255).rgbToHsv();
var hs = hsv.select(0, 1);
var v = shade.divide(255);
var rgb = hs.addBands(v).hsvToRgb().multiply(255).byte();
Map.addLayer(rgb, {}, 'styled');

var product  = ee.Terrain.products(clipped);
var slope =ee.Terrain.slope(clipped);

var sld_intervals =
  '<RasterSymbolizer>' +
    '<ColorMap  type="intervals" extended="false" >' +
      '<ColorMapEntry color="#0000FF" quantity="421" label="421"/>' +
      '<ColorMapEntry color="#0000FF" quantity="600" label="422-600" />' +
      '<ColorMapEntry color="#FFFF00" quantity="800" label="601-800" />' +
      '<ColorMapEntry color="#ff0000" quantity="1000" label="801-1000" />' +
      '<ColorMapEntry color="#FFFFFF" quantity="1180" label="1001-1180" />' +
    '</ColorMap>' +
  '</RasterSymbolizer>';

Map.addLayer(clipped.sldStyle(sld_intervals), {}, 'SLD intervals');