Some styling

Author: marcusoftnet

_pages/wc.md

@@ -30,7 +30,7 @@ description: Word cloud visualization of blog posts by year.
   </select>
 </div>
 
-<canvas id="wordcloud" width="800" height="600"></canvas>
+<canvas id="wordcloud" width="2340" height="1520"></canvas>
 
 <script>
   const canvas = document.getElementById('wordcloud');
@@ -56,11 +56,14 @@ description: Word cloud visualization of blog posts by year.
       .then(words => {
         WordCloud(canvas, {
           list: words,
-          gridSize: 8,
-          weightFactor: 10,
+          gridSize: Math.round(16 * $('#canvas').width() / 1024),
+          weightFactor: function (size) {
+            return Math.pow(size, 2.3) * $('#canvas').width() / 1024;
+          },
           fontFamily: 'Arial',
           color: 'random-dark',
           rotateRatio: 0.5,
+          rotationSteps: 3,
           backgroundColor: '#fff'
         });
       })