renaming backend, cellxgene to server, client respectively

client/src/components/continuous/drawAxes.js

@@ -0,0 +1,88 @@
+// jshint esversion: 6
+import styles from "./parallelCoordinates.css";
+import { yAxis, brushstart } from "./util";
+
+const drawAxes = (
+  svg,
+  ctx,
+  dimensions,
+  xscale,
+  height,
+  width,
+  handleBrushAction,
+  handleColorAction
+) => {
+  /*****************************************
+  ******************************************
+  Handles a brush event, toggling the display of foreground lines.
+  ******************************************
+  ******************************************/
+
+  function brush() {
+    var actives = [];
+    svg
+      .selectAll(".parcoords_axis .parcoords_brush")
+      .filter(function(d) {
+        return d3.brushSelection(this);
+      })
+      .each(function(d) {
+        actives.push({
+          dimension: d,
+          extent: d3.brushSelection(this)
+        });
+      });
+    /* fire action, with selected dimensions & their values */
+    handleBrushAction(actives);
+  }
+
+  var axes = svg
+    .selectAll(".parcoords_axis")
+    .data(dimensions)
+    .enter()
+    .append("g")
+    .attr("class", `${styles.axis} parcoords_axis`)
+    .attr("transform", (d, i) => {
+      return "translate(" + xscale(i) + ")";
+    });
+
+  axes
+    .append("g")
+    .each(function(d) {
+      var renderAxis =
+        "axis" in d
+          ? d.axis.scale(d.scale) // custom axis
+          : yAxis.scale(d.scale); // default axis
+      d3.select(this).call(renderAxis);
+    })
+    .append("text")
+    .on("click", d => {
+      handleColorAction(d.key);
+    })
+    .attr("class", styles.title)
+    .attr("text-anchor", "start")
+    .text(function(d) {
+      return "description" in d ? d.description + "  🖌️" : d.key + "  🖌️";
+    });
+
+  // Add and store a brush for each axis.
+  axes
+    .append("g")
+    .attr("class", `${styles.brush} parcoords_brush`)
+    .each(function(d) {
+      d3.select(this).call(
+        (d.brush = d3
+          .brushY()
+          .extent([[-10, 0], [10, height]])
+          .on("start", brushstart)
+          .on("brush", brush)
+          .on("end", brush))
+      );
+    })
+    .selectAll("rect")
+    .attr("x", -8)
+    .attr("width", 16);
+
+  return axes;
+};
+
+export default drawAxes;