Guides & Tutorials

Dot Sizes and Colors


Here's a quick walkthrough of Size and Color settings within Swarms. There's a couple of things that make the data in your Swarm a little bit easier to see- one of the most important of those is Color.

By default, the color is set to fixed- green, which can be changed by selecting the color pop-up. There are other ways to set the color of your dots, like gradient scale. You can scale the colors based on any numerical column in your dataset with the option to choose both the maximum and minimum color values. Another way to set the color of the swarm is by using a color scheme based on a categorical column. There are several default color schemes to choose from, but you can also create your own color scheme by clicking on Environment under the "..." menu.

Another important setting that will help distinguish your dots is Size. By default, the size is set to fixed- 0.02, which can be made larger or smaller by using the arrows to the right of the number, or by simply typing in the desired value. Another way to size dots is by scale, which is based on any numerical column in your data.

Flow measures size in meters. For example, when we have a dot with a size of 0.01, that means it will be a millimeter in real space (when viewing in AR/VR).

Another thing to mention- there are also Color and Size settings for Connections and Labels. By default, the colors of the connections and labels are going to match the swarm color. You have the option to make them a single color or create gradients. Size is editable in the same way, although for Connections, there are a few more options to determine how the line thickness appears on different devices.

Additionally, under the Advanced toggle, you have the option of a bit more sophisticated way to specify the color with a column of values in the dataset.

Format of values within the data file that can be used to specify Color:

  • For a large dataset, the optimal format is 0xffffff (the client code has to parse each color, which can be slow for thousands of rows, so this is preferred).
  • For small datasets, the format #ffffff and CSS colors (lowercase only) are just fine: "blue", "magenta" (full list here).