diff --git a/assets/js/chart.js b/assets/js/chart.js
index 21c8f1113c5..eb2c39553f5 100644
--- a/assets/js/chart.js
+++ b/assets/js/chart.js
@@ -3,6 +3,7 @@
 import * as echarts from 'echarts';
 
 const defaultHeightVH = 50;
+const addEmptyMonths = true
 
 const colors = [
     '#c23531',
@@ -18,6 +19,12 @@ const colors = [
     '#c4ccd3'
   ];
 
+function formatIndex(dateStr) {
+  const date = new Date(dateStr);
+  const month = `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}`;
+  return month;
+}
+
 async function loadCSVFromURL(url) {
   try {
     const response = await fetch(url);
@@ -39,10 +46,10 @@ async function loadCSVFromURL(url) {
       }
     }
 
-    const groupedData = {};
+    let groupedData = {};
     data.forEach(row => {
-      const date = new Date(row['Date']);
-      const month = `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}`;
+
+      const month = formatIndex(row['Date'])
       if (!groupedData[month]) {
         groupedData[month] = {};
       }
@@ -50,7 +57,6 @@ async function loadCSVFromURL(url) {
       groupedData[month][category] = (groupedData[month][category] || 0) + 1;
     });
 
-    //return data[0].map((_, i) => data.map(row => row[i]));
     return groupedData;
   } catch (error) {
     console.error('Error loading CSV from URL:', error);
@@ -64,16 +70,34 @@ function chart(csvFile, element, options) {
   }
   loadCSVFromURL(csvFile).then(data => {
     const container = document.getElementById(element)
-    var width = container.offsetWidth;
+    let width = container.offsetWidth;
     if (width === 0) {
       width = container.parentElement.parentElement.offsetWidth;
     }
-    var height = container.offsetHeight;
+    let height = container.offsetHeight;
     if (height === 0) {
       height = Math.round(window.innerHeight / 100) * defaultHeightVH;
     }
 
-    const xAxisData = Object.keys(data);
+    let xAxisData = [];
+    if (addEmptyMonths) {
+      const filledData = {};
+      const first = new Date(Object.keys(data)[0]);
+      const last = new Date(Object.keys(data).slice(-1));
+      [...Array(last.getFullYear() - first.getFullYear()).keys()].forEach((i) => {
+        const y = first.getFullYear() + i;
+        [...Array(12).keys()].forEach((m) => {
+          if ((y == first.getFullYear() && m < first.getMonth()) || (y == last.getFullYear() && m > last.getMonth())) {
+            return
+          }
+          let missingMonth = `${y}-${(m + 1).toString().padStart(2, '0')}`
+          xAxisData.push(formatIndex(missingMonth))
+        });
+      });
+    } else {
+      xAxisData = Object.keys(data);
+    }
+
     const seriesData = [];
     let colorIndex = 0;
     const blogs = new Set(Object.keys(data).map((key) => { return Object.keys(data[key])[0] }));
@@ -83,7 +107,12 @@ function chart(csvFile, element, options) {
         name: blog,
         type: 'bar',
         stack: 'total',
-        data: xAxisData.map(month => data[month][blog] || 0),
+        data: xAxisData.map(month => {
+          if (month in data) {
+            return data[month][blog] || 0
+          }
+          return 0;
+        }),
         itemStyle: {
           color: colors[colorIndex % colors.length]
         },
@@ -94,7 +123,7 @@ function chart(csvFile, element, options) {
       colorIndex++;
     }
 
-    var chartOptions = {
+    let chartOptions = {
       color: colors,
       legend: {
         right: '15%',
@@ -141,7 +170,7 @@ function chart(csvFile, element, options) {
       chartOptions = {...chartOptions, ...options};
     }
 
-    var chart = echarts.init(container, null, { renderer: "svg", width: width, height: height});
+    let chart = echarts.init(container, null, { renderer: "svg", width: width, height: height});
     chart.setOption(chartOptions);
   });
 }
diff --git a/static/images/cm-solid.svg b/static/images/cm-solid.svg
new file mode 100644
index 00000000000..e5d0ad1d271
--- /dev/null
+++ b/static/images/cm-solid.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg833"
+   xml:space="preserve"
+   width="146.73827"
+   height="150.88452"
+   viewBox="0 0 146.73826 150.88452"
+   sodipodi:docname="cm.svg"
+   inkscape:version="1.0 (4035a4f, 2020-05-01)"><metadata
+     id="metadata839"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs837" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     inkscape:document-rotation="0"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1280"
+     inkscape:window-height="959"
+     id="namedview835"
+     showgrid="false"
+     inkscape:zoom="5.6568542"
+     inkscape:cx="70.991864"
+     inkscape:cy="76.223889"
+     inkscape:window-x="0"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g841"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" /><g
+     id="g841"
+     inkscape:groupmode="layer"
+     inkscape:label="ink_ext_XXXXXX"
+     transform="matrix(1.3333333,0,0,-1.3333333,-151.09279,969.44204)"><g
+       id="g843"
+       transform="matrix(0.09641585,-0.0265327,0.0265327,0.09641585,-172.33088,67.893483)"><path
+         sodipodi:nodetypes="sssccccccssssccccsccscccccscc"
+         transform="matrix(7.2311887,1.9899525,1.9899525,-7.2311887,1005.1194,7113.5254)"
+         d="M 76.650391,0.00976562 C 43.061239,-0.55191423 12.04817,21.544122 2.7226562,55.431641 -8.3294511,95.593341 15.268655,137.1116 55.431641,148.16406 c 24.920282,6.85782 50.356059,0.36627 68.718749,-15.13867 l -18.85156,-5.1875 c -4.55157,2.59468 -9.445421,4.5813 -14.544924,5.92578 L 118.4375,33.166016 c 3.68196,3.751378 6.86167,7.947735 9.44141,12.488281 l 18.85937,5.189453 C 138.88527,28.148019 120.35993,9.5762294 95.455078,2.7226562 89.179612,0.99570924 82.870604,0.11378042 76.650391,0.00976562 Z M 74.847656,15.142578 c 5.477682,-0.05496 11.050185,0.630178 16.595703,2.15625 6.363446,1.751158 12.195331,4.470646 17.406251,7.9375 l -29.802735,37.398438 -6.476563,-47.404297 -0.06445,-0.01953 c 0.778229,-0.0377 1.559271,-0.06051 2.341797,-0.06836 z M 60.130859,17.119141 32.447266,117.7207 C 17.888138,102.88608 11.384682,80.925428 17.296875,59.441406 23.209422,37.956099 40.03135,22.41743 60.130859,17.119141 Z m 5.347657,23.308593 c 1.989306,15.779445 4.164179,31.398789 6.691406,46.957032 C 82.410555,75.477789 92.012528,63.111268 101.82422,50.798828 L 78.46875,135.67188 c -6.253924,0.31322 -12.661327,-0.33212 -19.027344,-2.08399 -6.367302,-1.75222 -12.202213,-4.47487 -17.414062,-7.94336 z"
+         style="fill:#d40000;fill-opacity:1.0;fill-rule:nonzero;stroke:none;stroke-width:0.133333"
+         id="path845" /></g></g></svg>