const rotationRenderer = {
type: "simple", // autocasts as new SimpleRenderer()
symbol: {
type: "simple-marker", // autocasts as new SimpleMarkerSymbol()
// use an SVG path to create an arrow shape
path: "M14.5,29 23.5,0 14.5,9 5.5,0z",
color: "#ffff00",
outline: {
color: [0, 0, 0, 0.7],
width: 0.5
},
// since the arrow points down, you can set the angle to 180
// to force it to point up (0 degrees North) by default
angle: 180,
size: 15
},
visualVariables: [
{
type: "rotation", // indicates that symbols should be rotated based on value in field
field: "grid_code", // field containing aspect values
rotationType: "geographic"
}
]
};