this is for holding javascript data
Adrian Price-Whelan simple color scaling works bitcheeeessssssss
over 10 years ago
Commit id: 80f2a1ab7c5ba636fa376d056c8f1abc474e136d
deletions | additions
diff --git a/panel_test.html b/panel_test.html
index 284fcaa..2f48f18 100644
--- a/panel_test.html
+++ b/panel_test.html
...
...
...
svg_width = nCols*plot_size + padding;
var tickSize = 16,
brushCell; brushCell,
color_scale = d3.scale.linear();
// Define an object to contain the domains (in data space) for each column
var domainByDataColumn = {},
...
xAxis.tickSize(tickSize);
yAxis.tickSize(tickSize);
if (typeof state['colorAxis'] != 'undefined') {
console.log(state['colorAxis']);
color_scale.domain(domainByDataColumn[state['colorAxis']]);
color_scale.range(["red","green","blue"]);
color_scale(-1.0);
}
// TODO: needs better names, brain dumping...
var d = [];
for (var ii=0; ii < state['plots'].length; ii++) {
...
function plot(p) {
var cell = d3.select(this);
/* need to do something fancy for histogram here?
if (domainByDataColumn[p.xColumnName].length > 2) {
// e.g., ordinal domain
xScaler = xOrdinalScaler;
xScaler.domain(domainByDataColumn[p.xColumnName]);
} else {
xScaler.domain(domainByDataColumn[p.xColumnName]);
}
*/
xScaler.domain(domainByDataColumn[p.xColumnName]);
yScaler.domain(domainByDataColumn[p.yColumnName]);
...
.attr("cx", function(d) { return xScaler(d[p.xColumnName]); })
.attr("cy", function(d) { return yScaler(d[p.yColumnName]); })
.attr("r", 2)
.style("fill", function(d) { return
color_scale(d[state['colorAxis']]) || "#333333"; });
// TODO: COLOR STUFF HERE
}
}
diff --git a/states.json b/states.json
index 0a31b24..4d5aa58 100644
--- a/states.json
+++ b/states.json
...
{
"gridPosition" : [0,3],
"xAxis" : "J-H",
"yAxis" :
"J-H" "[Fe/H]"
}
] ],
"colorAxis" : "[Fe/H]"
},
{
"grid" : { "nRows" : 1,