Merge pull request #153 from chnm/feature/architecture

This PR fixes a display issue for the word cloud causes

Author: hepplerj

bom-website/assets/visualizations/wordcloud/wordcloud.js

@@ -23,10 +23,13 @@ export default class WordCloudChart extends Visualization {
     const causes = d3
       .rollups(
         this.data.causes,
-        (v) => d3.sum(v, (d) => d.count),
+        (v) => ({
+          size: d3.sum(v, (d) => d.count),
+          count: d3.sum(v, (d) => d.count), // Ensure count is correctly calculated
+        }),
         (d) => d.death,
       )
-      .map(([text, size]) => ({ text, size }));
+      .map(([text, { size, count }]) => ({ text, size, count }));
 
     const wordcloud = WordCloud(causes, {
       size: (group) => {
@@ -66,8 +69,7 @@ function WordCloud(
     .rollups(words, size, (w) => w)
     .sort(([, a], [, b]) => d3.descending(a, b))
     .slice(0, maxWords)
-    .map(([key, size]) => ({ text: word(key), size }));
-
+    .map(([key, size]) => ({ text: word(key), size, count: key.count })); // Ensure count is included
 
   const svg = d3
     .create("svg")
@@ -109,7 +111,7 @@ function WordCloud(
       textElements
         .on("mouseover", function (event, d) {
           infoText.html(
-            `Cause of death: <strong>${d.text}</strong>, Count: <strong>${d.size}</strong>`,
+            `Cause of death: <strong>${d.text}</strong>, Total causes: <strong>${d.count}</strong>`,
           );
         })
         .on("mouseout", function () {

bom-website/package.json

@@ -1,10 +1,28 @@
 {
+  "author": "Roy Rosenzweig Center for History and New Media",
+  "description": "Website and visualizations for the Death by Numbers project at RRCHNM.",
+  "name": "bom",
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/chnm/bom.git"
+  },
   "dependencies": {
     "@alpinejs/collapse": "^3.14.1",
     "@observablehq/plot": "^0.6.16",
     "alpinejs": "^3.14.1",
     "d3": "^7.9.0",
     "d3-cloud": "^1.2.5",
     "d3-scale-chromatic": "^3.1.0"
-  }
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.3.1",
+    "browser-sync": "^2.27.7",
+    "css-loader": "^5.2.7",
+    "eslint": "^7.30.0",
+    "eslint-config-airbnb-base": "^14.2.1",
+    "eslint-plugin-import": "^2.23.4",
+    "style-loader": "^3.1.0"
+  },
+  "version": "1.0.0"
 }