fork/cellxgene
1
0
Fork 0
mirror of https://github.com/chanzuckerberg/cellxgene.git synced 2026-10-05 18:28:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

graph constant number until normalization

Browse Source
This commit is contained in:
Colin Megill
2017-11-06 14:31:34 -08:00
parent b13b45b29a
commit 4eed54ffbf
1 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/graph/drawGraph.js
+17 -6
View File
@@ -6,6 +6,8 @@ const margin = {top: 20, right: 10, bottom: 30, left: 40},
width = 960 - margin.left - margin.right, width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom; height = 500 - margin.top - margin.bottom;
const MAGIC_CONSTANT_UNTIL_WE_NORMALIZE = 3; /* should be zero to one but it's zero to four for now */
const x = d3.scaleLinear() const x = d3.scaleLinear()
.range([0, width]); .range([0, width]);
@@ -51,18 +53,28 @@ export const setupGraphElements = (data) => {
******************************************* *******************************************
******************************************/ ******************************************/
export const drawGraph = (data, context, expressionsCountsMap, color, ranges, metadata) => { export const drawGraph = (
data,
context,
expressionsCountsMap,
color,
ranges,
metadata
) => {
/* clear canvas */ /* clear canvas */
context.clearRect(0, 0, width, height); context.clearRect(0, 0, width, height);
let scale = null; /* it could be 'by expression' and that's a special case */ x.domain([0, MAGIC_CONSTANT_UNTIL_WE_NORMALIZE])
y.domain([0, MAGIC_CONSTANT_UNTIL_WE_NORMALIZE])
let colorScale = null; /* it could be 'by expression' and that's a special case */
if ( if (
color && color &&
ranges[color].range /* set up a continuous scale */ ranges[color].range /* set up a continuous scale */
) { ) {
scale = d3.scaleLinear() colorScale = d3.scaleLinear()
.domain([0, ranges[color].range.max]) .domain([0, ranges[color].range.max])
.range([1,0]) .range([1,0])
} }
@@ -75,7 +87,6 @@ export const drawGraph = (data, context, expressionsCountsMap, color, ranges, me
/* shuffle the data to overcome render order hiding cells */ /* shuffle the data to overcome render order hiding cells */
data = d3.shuffle(data); data = d3.shuffle(data);
/* loop */
data.forEach((p, i) => { data.forEach((p, i) => {
context.beginPath(); context.beginPath();
/* context.arc(x,y,r,sAngle,eAngle,counterclockwise); */ /* context.arc(x,y,r,sAngle,eAngle,counterclockwise); */
@@ -101,8 +112,8 @@ export const drawGraph = (data, context, expressionsCountsMap, color, ranges, me
// expressionsCountsMap[p[0]] // expressionsCountsMap[p[0]]
// )); // ));
if (color) { if (color) {
context.fillStyle = d3.interpolateViridis(scale( context.fillStyle = d3.interpolateViridis(colorScale(
_.find(metadata, {CellName: p[0]})[color] /* this.state.cells.metadata["23452345325"]["ERCC_reads"] = 20000 */ _.find(metadata, {CellName: p[0]})[color] /* this.state.cells.metadata["23452345325"]["ERCC_reads"] = 20000 would be much faster as key value lookup */
)); ));
} }
}); });