post_2_initApp.js

const initApp = async () => {
    const visualization = await visualize();
    visualization.query.validationErrors.subscribeOnNext((err) => {
        console.log(err);
    });
    const rootDom = document.getElementById("controls");
    const metaData = visualization.metaThread.getLatestResponse();
    const aggrs = metaData.getAttrAggregations().filter((aggr) => {
        return aggr.getType() === "TERMS";
    });
    const aggrsNames = aggrs.map((aggr) => {
        return aggr.getName();
    });
    const control = createControl(aggrsNames);

    control.addEventListener("change", (e) => {
        console.log(e.target.value)
        const firstAggregation = visualization.query.getAggregations(0);

        firstAggregation[0].field.name = e.target.value;
        visualization.query.setAggregation(0, 0, firstAggregation[0]);
    });
    rootDom.appendChild(control);
}