Modifiying scatterplot cell size

[abarkellumich]

Hello, I am using a scatterplot component successfully within one of my configs, and I was trying to modify the cell size without luck. I've taken a look at the documentation here: http://vitessce.io/docs/coordination-types/#embeddingCellRadius on cell radius, and I've also tried to implement it onto the page without luck.

The component I currently have is:
{ "component": "scatterplot", "coordinationScopes": { "embeddingType": "UMAP", "embeddingZoom": "UMAP", "embeddingCellRadiusMode": "manual", "embeddingCellRadius": 3 }, "h": 12, "w": 4, "x": 8, "y": 0 },

Does this look right or would I need to modify how I'm structuring this information in some way? I should also note that I've tried having the embeddingCellRadiusMode's value both as "M" and "manual" without any noticeable change. I've also tried to change the embeddingCellRadius to both a string of "3", the float version of 3, and the int version of 3.

[keller-mark]

The values need to be stored separately from the keys.

{
  // root of config
  coordinationSpace: {
    embeddingType: {
      MY_UMAP: "UMAP",
    },
    embeddingZoom: {
      MY_UMAP: 0,
    },
    embeddingCellRadiusMode: {
      MY_UMAP: "manual",
    },
    embeddingCellRadius: {
      MY_UMAP: 3,
    },
  },
  layout: [
    {
      "component": "scatterplot",
      "coordinationScopes": {
        "embeddingType": "MY_UMAP",
        "embeddingZoom": "MY_UMAP",
        "embeddingCellRadiusMode": "MY_UMAP",
        "embeddingCellRadius": "MY_UMAP",
      },
     "h": 12, "w": 4, "x": 8, "y": 0
    }
  ]
}

Here, the string MY_UMAP is the coordination scope name, it can be any string.

The rationale behind this is that it enables you to have multiple scatterplots, for instance for PCA and UMAP results, linked to the same cell radius, for instance:

{
  // root of config
  coordinationSpace: {
    embeddingType: {
      MY_UMAP: "UMAP",
      MY_PCA: "PCA",
    },
    embeddingZoom: {
      MY_UMAP: 0,
      MY_PCA: 0,
    },
    embeddingCellRadiusMode: {
      MY_BIG_CELLS: "manual",
    },
    embeddingCellRadius: {
      MY_BIG_CELLS: 3,
    },
  },
  layout: [
    {
      "component": "scatterplot",
      "coordinationScopes": {
        "embeddingType": "MY_UMAP",
        "embeddingZoom": "MY_UMAP",
        "embeddingCellRadiusMode": "MY_BIG_CELLS",
        "embeddingCellRadius": "MY_BIG_CELLS",
      },
     "h": 12, "w": 6, "x": 0, "y": 0
    },
    {
      "component": "scatterplot",
      "coordinationScopes": {
        "embeddingType": "MY_PCA",
        "embeddingZoom": "MY_PCA",
        "embeddingCellRadiusMode": "MY_BIG_CELLS",
        "embeddingCellRadius": "MY_BIG_CELLS",
      },
     "h": 12, "w": 6, "x": 4, "y": 0
    }
  ]
}

[abarkellumich]

That makes sense to me, thank you for the help and explanation. I've made the changes to the config and it's working without issue!