index.community/frontend/src/types.ts

import { INSTANCE_TYPES } from "./constants";

interface IColorSchemeBase {
  // The name of the coloring, e.g. "Instance type"
  name: string;
  // The name of the key in a cytoscape node's `data` field to color by.
  // For example, use cytoscapeDataKey: "type" to color according to type.
  cytoscapeDataKey: string;
  description?: string;
  type: "qualitative" | "quantitative";
}
interface IQualitativeColorScheme extends IColorSchemeBase {
  // The values the color scheme is used for. E.g. ["mastodon", "pleroma", "misskey"].
  values: string[];
  type: "qualitative";
}
interface IQuantitativeColorScheme extends IColorSchemeBase {
  type: "quantitative";
  exponential: boolean;
}

export type IColorScheme = IQualitativeColorScheme | IQuantitativeColorScheme;

export const typeColorScheme: IQualitativeColorScheme = {
  cytoscapeDataKey: "type",
  name: "Instance type",
  type: "qualitative",
  values: INSTANCE_TYPES
};
export const activityColorScheme: IQuantitativeColorScheme = {
  cytoscapeDataKey: "statusesPerDay",
  description: "The average number of statuses posted per day. This is an exponential scale.",
  exponential: true,
  name: "Activity",
  type: "quantitative"
};

export const colorSchemes: IColorScheme[] = [typeColorScheme, activityColorScheme];