46 lines
1.6 KiB
TypeScript
46 lines
1.6 KiB
TypeScript
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. Note that this is colored by an exponential scale.",
|
|
exponential: true,
|
|
name: "Activity (total)",
|
|
type: "quantitative"
|
|
};
|
|
export const activityPerUserColorScheme: IQuantitativeColorScheme = {
|
|
cytoscapeDataKey: "statusesPerUserPerDay",
|
|
description: "The average number of statuses posted per person per day.",
|
|
exponential: false,
|
|
name: "Activity (per person)",
|
|
type: "quantitative"
|
|
};
|
|
|
|
export const colorSchemes: IColorScheme[] = [typeColorScheme, activityColorScheme, activityPerUserColorScheme];
|