in src/visual.ts [500:549]
public init(options: VisualConstructorOptions): void {
d3.select("html").style(
"-webkit-tap-highlight-color", "transparent" // Turns off the blue highlighting at mobile browsers
);
this.visualHost = options.host;
this.colorPalette = options.host.colorPalette;
this.localizationManager = options.host.createLocalizationManager();
const element: HTMLElement = options.element;
this.tooltipServiceWrapper = createTooltipServiceWrapper(
this.visualHost.tooltipService,
element);
this.svg = d3.select(element)
.append("svg")
.classed(StreamGraph.VisualClassName, true);
this.clearCatcher = appendClearCatcher(this.svg);
this.dataPointsContainer = this.svg
.insert("g")
.classed(StreamGraph.DataPointsContainer, true);
this.axes = this.svg
.append("g")
.classed(StreamGraph.Axes.className, true)
.classed(StreamGraph.axisGraphicsContext.className, true);
this.axisX = this.axes
.append("g")
.classed(StreamGraph.Axis.className, true)
.classed(StreamGraph.XAxis.className, true);
this.axisY = this.axes
.append("g")
.classed(StreamGraph.Axis.className, true)
.classed(StreamGraph.YAxis.className, true);
this.behavior = new StreamGraphBehavior();
this.interactivityService = createInteractivityService(this.visualHost);
this.legend = createLegend(
element,
false,
this.interactivityService,
true
);
}