I was able to create two graphic circles as such (see below) but now very very confused on how to take the next step.Maybe do an "Erase" or something? But dont want this to get demanding and processing heavy
var symbol22 = new SimpleFillSymbol().setColor(null).outline.setColor("blue");
var gl22 = new GraphicsLayer({ id: "circles22" });
var symbol33 = new SimpleFillSymbol().setColor(null).outline.setColor("red");
var gl33 = new GraphicsLayer({ id: "circles33" });
app.map.addLayer(gl22);
app.map.addLayer(gl33);
app.map.on("click", function(e) {
var radius22 = 200000;
var circle22 = new Circle({
center: e.mapPoint,
radius: radius22
});
var graphic22 = new Graphic(circle22, symbol22);
gl22.add(graphic22);
var radius33 = 100000;
var circle33 = new Circle({
center: e.mapPoint,
radius: radius33
});
var graphic33 = new Graphic(circle33, symbol33);
gl33.add(graphic33);
});