(ArcGIS API for JavaScript) Add Breaks renderer example JS 3.23

Sample.js

require(["esri/map",
				"esri/layers/FeatureLayer",
				 "esri/renderers/ClassBreaksRenderer",
				 "esri/symbols/SimpleMarkerSymbol",
				 "esri/Color",
				 "esri/symbols/SimpleLineSymbol",
				 "esri/tasks/query",
				"dojo/domReady!"
], function (Map, FeatureLayer,ClassBreaksRenderer,SimpleMarkerSymbol,Color,SimpleLineSymbol,Query) {

    //Initializing the map constructor

    var map = new Map("map", {
        center: [-118, 34.5],
        zoom: 4,
        basemap: "topo"
    });
	
		var sms = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 10,null,new Color("red"));
		var sms2 = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 10,null,new Color("purple"));
		var sms3 = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 10,null,new Color("blue"));
	
		var renderer = new ClassBreaksRenderer(sms, "ELEVATION");
		
		//For each addBreak, pass in a new symbol
		renderer.addBreak(90,100,sms);
		renderer.addBreak(100,1000,sms2);
		renderer.addBreak(1000,5000,sms3);
	
		renderer.setVisualVariables([{
			type: "sizeInfo",
			field: "ELEVATION",
			minSize: 5,
			maxSize: 50,
			minDataValue: 90,
			maxDataValue: 1000
		},
		{
			type: "sizeInfo",
			field: "POP1990",
			minSize: 2,
			maxSize: 10,
			minDataValue: 10000,
			maxDataValue: 15000
		}

		]);
	
		var fl = new FeatureLayer("https://FQDN.esri.com/server/rest/services/Samples/Points/FeatureServer/0",{
			outfields: ["*"],
			orderByFields: ["ELEVATION DESC", "POP1990"]
		});
	
		fl.setRenderer(renderer);
	
		map.addLayer(fl);

	
});