Configuring Wizard Visualizations

Overview

The visualizations that appear in the Visualization Wizard are managed by the VisualizationRegistry, found in:

src/components/menus/visualization-wizard/VisualizationRegistry.ts

VisualizationRegistry Structure

The VisualizationRegistry object has the following structure:

export const VisualizationRegistry: { [key: string]: VisualizationDescriptor } = {
  [ChartDescriptor.id]: ChartDescriptor,
  [GeoPtzDescriptor.id]: GeoPtzDescriptor,
  [LobDescriptor.id]: LobDescriptor,
  [PointMarkerDescriptor.id]: PointMarkerDescriptor,
  [TextDescriptor.id]: TextDescriptor,
  [VideoDescriptor.id]: VideoDescriptor
};

Add Visualization

1. Create a VisualizationDescriptor for the visualization type in /visualizations/[viztype]/Descriptor.ts
2. Add the following key-value pair to the VisualizationRegistry object: [ViztypeDescriptor.id]: ViztypeDescriptor

Remove Visualization

1. Delete the following key-value pair in the VisualizationRegistry object: [ViztypeDescriptor.id]: ViztypeDescriptor