add color on count

components/content/ArticleSystemDistributionPlot.vue

@@ -96,6 +96,7 @@ const distributionOptions = computed(() => {
         marginRight: marginRight.value,
         y: { label: `% of genomes encoding ${toValue(page)?.title ?? 'the system'}` },
         x: { label: selectedTaxoRank.value, tickRotate: 45 },
+        color: { scheme: "plasma", legend: true, domain: [0, 100] },
         width: computedWidth.value - marginRight.value,
         marks: [
             Plot.barY(
@@ -103,6 +104,7 @@ const distributionOptions = computed(() => {
                 {
                     y: "size",
                     x: "taxo",
+                    fill: "size",
                     tip: true,
                     sort: { x: "-y" },
                 },