hisptz/90-90-90-cascade-graph-widget

<div class="visualization-card-loader-container" [style.height]="'calc(' + height + ' - 15px)'">
    <div class="loader-block">
        <div class="chart-loader" *ngIf="visualizationType !== 'CHART'" [style.height]="'calc(' + height + ' - 70px)'">
            <div style="margin-top: 8%;">
                <div class="animated-background">&nbsp;</div>
            </div>
            <div style="margin-top: 13%;">
                <div class="animated-background">&nbsp;</div>
            </div>
            <div style="height: 100%;">
                <div class="animated-background">&nbsp;</div>
            </div>
            <div style="margin-top: 10%;">
                <div class="animated-background">&nbsp;</div>
            </div>
            <div style="margin-top: 14%;">
                <div class="animated-background">&nbsp;</div>
            </div>
            <div style="margin-top: 16%;">
                <div class="animated-background">&nbsp;</div>
            </div>
        </div>
    </div>
    <div class="map-loader" *ngIf="visualizationType === 'MAP'" [style.height]="'calc(' + height + ' - 50px)'">
        <div class="map-image" [style.height]="'calc(' + height + ' - 80px)'">
            <div class="animated-background">&nbsp;</div>
        </div>
    </div>
    <div class="loading-text">
        <img src="assets/icons/balls-3.svg" alt="" /> Loading data for
        <b> &nbsp;{{ message }}</b>
    </div>
</div>