Visualize data with rotation

This sample shows how to use the rotation visual variable to visualize the aspect of the terrain of a small island in Alaska.

The rotation visual variable can be set directly in the renderer's constructor.

var rotRenderer = new SimpleRenderer({
  symbol: new SimpleMarkerSymbol({
    color: "white",
    path: "M14.5,29 23.5,0 14.5,9 5.5,0z",
    angle: 180,
    size: 10
  }),
  visualVariables: [{
    type: "rotation",  // indicates that symbols should be rotated based on value in field
    field: "grid_code",  // field containing aspect values
    rotationType: "geographic"
  }]
});

Additional visualization samples and resources

• Scale feature sizes based on real world sizes (2D)
• Data-driven continuous color
• Data-driven continuous size
• Data-driven extrusion
• Extrude building footprints based on real world heights
• Data-driven opacity
• Thematic multivariate visualization (2D)
• Thematic multivariate visualization (3D)