JavaScript [using BBCode feature] Please help fit a visualization and map within , thank you

[Gigi]

Hello!

Cld a coder help me with this code?
I would like to fit a visualisation , and map within , in to my article. This is the article: Methanol

</object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1785124414813'); var vizElement = divElement.getElementsByTagName('object')[0]; if ( divElement.offsetWidth > 800 ) { vizElement.style.width='1200px';vizElement.style.height='927px';} else if ( divElement.offsetWidth > 500 ) { vizElement.style.width='1200px';vizElement.style.height='927px';} else { vizElement.style.width='100%';vizElement.style.height='1127px';} var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>

It is beyond my capabilities. Would love to learn though e.g. where exactly is the place I can size map? : ) I think the map is in Javascript. I think I have put in to the BBCode feature the correct section that is Javascript. Thank youuuuu!


Source of code: Renewable Methanol [this is how it should look]

 

[Antero360]

Hello!

Cld a coder help me with this code?
I would like to fit a visualisation , and map within , in to my article. This is the article: Methanol

</object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1785124414813'); var vizElement = divElement.getElementsByTagName('object')[0]; if ( divElement.offsetWidth > 800 ) { vizElement.style.width='1200px';vizElement.style.height='927px';} else if ( divElement.offsetWidth > 500 ) { vizElement.style.width='1200px';vizElement.style.height='927px';} else { vizElement.style.width='100%';vizElement.style.height='1127px';} var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>

It is beyond my capabilities. Would love to learn though e.g. where exactly is the place I can size map? : ) I think the map is in Javascript. I think I have put in to the BBCode feature the correct section that is Javascript. Thank youuuuu!


Source of code: Renewable Methanol [this is how it should look]

Reformatting your code so that it's not a 1-liner... 1-liners make it extremely difficult to read when the code is long

<script type='text/javascript'>
    var divElement = document.getElementById('viz1785124414813');
    var vizElement = divElement.getElementsByTagName('object')[0];
    if ( divElement.offsetWidth > 800 ) {
        vizElement.style.width='1200px';
        vizElement.style.height='927px';
    } else if ( divElement.offsetWidth > 500 ) { 
        vizElement.style.width='1200px';
        vizElement.style.height='927px';
    } else {
        vizElement.style.width='100%';
        vizElement.style.height='1127px';
    }
    var scriptElement = document.createElement('script');
    scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';
    izElement.parentNode.insertBefore(scriptElement, vizElement);
</script>

 

[Gigi]

Thank you Dear Antero360. Thank you! I really appreciate your taking the time to reformat it. It is much easier to read , and understand where things begin and end, and looks quite beautiful.