cellxgene/src/globals.js

// jshint esversion: 6
/* these will be either (preferably) specified or inferred */
export const categories = [
  "Sample.type",
  "Selection",
  "Location",
  "Sample.name",
  "Class",
  "Neoplastic"
];
export const continuous = [
  "Total_reads",
  "Unique_reads",
  "Unique_reads_percent",
  "ERCC_reads",
  "Non_ERCC_reads",
  "ERCC_to_non_ERCC",
  "Genes_detected",
  "Multimapping_reads_percent",
  "Splice_sites_AT.AC",
  "Splice_sites_Annotated",
  "Splice_sites_GC.AG",
  "Splice_sites_GT.AG",
  "Splice_sites_non_canonical",
  "Splice_sites_total",
  "Unmapped_mismatch",
  "Unmapped_other",
  "Unmapped_short"
];

/* colors */
export const blue = "#4a90e2";
export const hcaBlue = "#1c7cc7";
export const lighterGrey = "rgb(245,245,245)";
export const lightGrey = "rgb(211,211,211)";
export const mediumGrey = "rgb(153,153,153)";
export const darkGrey = "rgb(102,102,102)";
export const darkerGrey = "rgb(51,51,51)";

export const brightBlue = "#4a90e2";
export const brightGreen = "#A2D729";
export const darkGreen = "#448C4D";

export const tiniestFontSize = 12;

export const bolder = 700;

export let API = {
  // prefix: "http://api.clustering.czi.technology/api/",
  prefix: "http://tabulamuris.cxg.czi.technology/api/",
  // prefix: "http://pbmc3k.cxg.czi.technology/api/",
  // prefix: "http://pbmc33k.cxg.czi.technology/api/",

  // prefix: "http://api-staging.clustering.czi.technology/api/",
  version: "v0.1/"
};

if (window.CELLXGENE && window.CELLXGENE.API) API = window.CELLXGENE.API;

export let datasetTitle = "";

if (window.CELLXGENE && window.CELLXGENE.datasetTitle)
  datasetTitle = window.CELLXGENE.datasetTitle;

export const accentFont = "Georgia,Times,Times New Roman,serif";
export const maxParagraphWidth = 600;
export const maxControlsWidth = 800;

export const graphMargin = { top: 20, right: 10, bottom: 30, left: 40 };
// export const graphWidth = 1440 /* window width */ - 410 /* sidebar */ - (15 + 15) /* left right padding */ /* but responsive */;
// export const graphHeight = 500;
export const graphWidth = 960;
export const graphHeight = 960;

export const graphXScale = d3
  .scaleLinear()
  .domain([
    0,
    1
  ]) /* while this is the default for d3, our data is normalized so better to be explicit */
  .range([0 + graphMargin.left, graphWidth - graphMargin.right]);

export const graphYScale = d3
  .scaleLinear()
  .domain([
    0,
    1
  ]) /* while this is the default for d3, our data is normalized so better to be explicit */
  .range([graphHeight - graphMargin.bottom, 0 + graphMargin.top]);

export const ordinalColors = [
  "#0ac115",
  "#c10ab6",
  "#c1710a",
  "#0a5ac1",
  "#c1150a",
  "#0ab6c1",
  "#5ac10a",
  "#710ac1",
  "#0ac171",
  "#c10a5a",
  "#b6c10a",
  "#150ac1",
  "#b2ffb7",
  "#ffb2fa",
  "#ffddb2",
  "#b2d4ff",
  "#ffb7b2",
  "#b2faff",
  "#d4ffb2",
  "#ddb2ff",
  "#b2ffdd",
  "#ffb2d4",
  "#faffb2",
  "#b7b2ff",
  "#27a908",
  "#8b08a9",
  "#a93a08",
  "#0877a9",
  "#a90827",
  "#08a98b",
  "#77a908",
  "#3a08a9",
  "#08a93a",
  "#a90877",
  "#a98b08",
  "#0827a9",
  "#00ff0f",
  "#ff00ef",
  "#ff8e00",
  "#0070ff",
  "#ff0f00",
  "#00efff",
  "#70ff00",
  "#8e00ff",
  "#00ff8e",
  "#ff0070",
  "#efff00",
  "#0f00ff",
  "#006606",
  "#66005f",
  "#663900",
  "#002c66",
  "#660600",
  "#005f66",
  "#2c6600",
  "#390066",
  "#006639",
  "#66002c",
  "#5f6600",
  "#060066",
  "#83ff65",
  "#e165ff",
  "#ff9565",
  "#65cfff",
  "#ff6583",
  "#65ffe1",
  "#cfff65",
  "#9565ff",
  "#65ff95",
  "#ff65cf",
  "#ffe165",
  "#6583ff",
  "#009909",
  "#99008f",
  "#995500",
  "#004399",
  "#990900",
  "#008f99",
  "#439900",
  "#550099",
  "#009955",
  "#990043",
  "#8f9900",
  "#090099",
  "#d9fecc",
  "#f1ccfe",
  "#fed7cc",
  "#ccf3fe",
  "#feccd9",
  "#ccfef1",
  "#f3fecc",
  "#d7ccfe",
  "#ccfed7",
  "#feccf3",
  "#fef1cc",
  "#ccd9fe",
  "#47ea51",
  "#ea47e0",
  "#eaa247",
  "#478fea",
  "#ea5147",
  "#47e0ea",
  "#8fea47",
  "#a247ea",
  "#47eaa2",
  "#ea478f",
  "#e0ea47",
  "#5147ea"
];