Two Wordclouds with ZingChart

The following wordclouds, drawn by ZingChart library. Using our plugin, named Blazing Charts, each of the wordclouds are drawn by adding a shortcode, like the following, to this post:

[BlazingChart charttype="zingchart" source="slug of a Chart Snippet"]

Here is the code used to draw the first chart:

<div id="myChart_1"></div>
<script>
jQuery(document).ready(function() {
  var myConfig_1 = {
    type: 'wordcloud',
    options: {
      text: 'We the people ... States of America.',
    }
  };
  zingchart.MODULESDIR = "//cdn.zingchart.com/modules/";
 
  zingchart.render({ 
    id: 'myChart_1', 
    data: myConfig_1, 
    height: 400, 
    width: '100%' 
  });
});
</script>

<div id="myChart_1"></div>
<script>
jQuery(document).ready(function() {
  var myConfig_1 = {
    type: 'wordcloud',
    options: {
      text: 'We the people ... States of America.',
    }
  };
  zingchart.MODULESDIR = "//cdn.zingchart.com/modules/";

  zingchart.render({ 
    id: 'myChart_1', 
    data: myConfig_1, 
    height: 400, 
    width: '100%' 
  });
});
</script>

and the next chart:

<div id="myChart_2"></div>
<script>
jQuery(document).ready(function() {
  var myConfig_2 = {
    type: 'wordcloud',
    options: {
      text: 'We the people of ... America. blah blah blah blah',
    }
  };
  zingchart.MODULESDIR = "//cdn.zingchart.com/modules/";
 
  zingchart.render({ 
    id: 'myChart_2', 
    data: myConfig_2, 
    height: 400, 
    width: '100%' 
  });
});
 
</script>

<div id="myChart_2"></div>
<script>
jQuery(document).ready(function() {
  var myConfig_2 = {
    type: 'wordcloud',
    options: {
      text: 'We the people of ... America. blah blah blah blah',
    }
  };
  zingchart.MODULESDIR = "//cdn.zingchart.com/modules/";

  zingchart.render({ 
    id: 'myChart_2', 
    data: myConfig_2, 
    height: 400, 
    width: '100%' 
  });
});

</script>

Leave a Reply Cancel reply