Decision box design using js

dear all

I am trying to update decision box design using JS file, I have done it in login page by following this link login design and I am thing to update same in other pages 

define(["require", "exports", "tslib", "module", "apmui/page/decisionBox/View"], function (require, exports, tslib_1, module, View_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    requirejs.config({
        map: {
            'apmui/master/View': {
                'apmui/page/decisionBox/View': module.id,
            },
        },
    });
    /* Replacement View component */
    var DecisionBoxView = /** @class */ (function (_super) {
        tslib_1.__extends(DecisionBoxView, _super);
        function DecisionBoxView() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        DecisionBoxView.prototype.componentDidMount = function () {
            _super.prototype.componentDidMount.call(this);
            requirejs(['https://d3js.org/d3.v6.min.js'], function (d3) {
                 
          var itea =  d3.select("main").html("<div id='itea'><img src='https://mc.com.sa/file/Image/itea.png'></div>" + d3.select("main").html());
       
 
                
                
            });
        };
        return DecisionBoxView;
    }(View_1.default));
    exports.default = DecisionBoxView;
});