fork/cellxgene
1
0
Fork 0
mirror of https://github.com/chanzuckerberg/cellxgene.git synced 2026-09-20 03:18:12 +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

23
src/components/graph/drawGraph.js
View File

@@ -6,6 +6,8 @@ const margin = {top: 20, right: 10, bottom: 30, left: 40},
width = 960 - margin.left - margin.right,
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()
.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 */
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 (
color &&
ranges[color].range /* set up a continuous scale */
) {
scale = d3.scaleLinear()
colorScale = d3.scaleLinear()
.domain([0, ranges[color].range.max])
.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 */
data = d3.shuffle(data);
/* loop */
data.forEach((p, i) => {
context.beginPath();
/* context.arc(x,y,r,sAngle,eAngle,counterclockwise); */
@@ -101,8 +112,8 @@ export const drawGraph = (data, context, expressionsCountsMap, color, ranges, me
// expressionsCountsMap[p[0]]
// ));
if (color) {
context.fillStyle = d3.interpolateViridis(scale(
_.find(metadata, {CellName: p[0]})[color] /* this.state.cells.metadata["23452345325"]["ERCC_reads"] = 20000 */
context.fillStyle = d3.interpolateViridis(colorScale(
_.find(metadata, {CellName: p[0]})[color] /* this.state.cells.metadata["23452345325"]["ERCC_reads"] = 20000 would be much faster as key value lookup */
));
}
});