propagate title and href by default (#674)

* propagate title and href by default

* DRY

* count other

* better other summarization

Author: mbostock

src/transforms/group.js

@@ -1,6 +1,6 @@
-import {group as grouper, sort, sum, deviation, min, max, mean, median, mode, variance, InternSet, minIndex, maxIndex} from "d3";
+import {group as grouper, sort, sum, deviation, min, max, mean, median, mode, variance, InternSet, minIndex, maxIndex, rollup} from "d3";
 import {ascendingDefined, firstof} from "../defined.js";
-import {valueof, maybeColorChannel, maybeInput, maybeTuple, maybeLazyChannel, lazyChannel, first, identity, take, labelof, range} from "../options.js";
+import {valueof, maybeColorChannel, maybeInput, maybeTuple, maybeLazyChannel, lazyChannel, first, identity, take, labelof, range, second} from "../options.js";
 import {basic} from "./basic.js";
 
 // Group on {z, fill, stroke}.
@@ -135,7 +135,11 @@ export function hasOutput(outputs, ...names) {
 }
 
 export function maybeOutputs(outputs, inputs) {
-  return Object.entries(outputs).map(([name, reduce]) => {
+  const entries = Object.entries(outputs);
+  // Propagate standard mark channels by default.
+  if (inputs.title != null && outputs.title === undefined) entries.push(["title", reduceTitle]);
+  if (inputs.href != null && outputs.href === undefined) entries.push(["href", reduceFirst]);
+  return entries.map(([name, reduce]) => {
     return reduce == null
       ? {name, initialize() {}, scope() {}, reduce() {}}
       : maybeOutput(name, reduce, inputs);
@@ -266,6 +270,19 @@ const reduceFirst = {
   }
 };
 
+const reduceTitle = {
+  reduce(I, X) {
+    const n = 5;
+    const groups = sort(rollup(I, V => V.length, i => X[i]), second);
+    const top = groups.slice(-n).reverse();
+    if (top.length < groups.length) {
+      const bottom = groups.slice(0, 1 - n);
+      top[n - 1] = [`… ${bottom.length.toLocaleString("en-US")} more`, sum(bottom, second)];
+    }
+    return top.map(([key, value]) => `${key} (${value.toLocaleString("en-US")})`).join("\n");
+  }
+};
+
 const reduceLast = {
   reduce(I, X) {
     return X[I[I.length - 1]];

test/output/penguinMassSpecies.svg

@@ -12,7 +12,7 @@ export default async function() {
       grid: true
     },
     marks: [
-      Plot.rectY(data, Plot.binX({y: "count"}, {x: "body_mass_g", fill: "species"})),
+      Plot.rectY(data, Plot.binX({y: "count"}, {x: "body_mass_g", fill: "species", title: d => `${d.species} ${d.sex}`})),
       Plot.ruleY([0])
     ]
   });