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>