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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<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

Your email address will not be published.

Time limit is exhausted. Please reload CAPTCHA.