beenull/CyberChef
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Hex plot: add edge drawing & changing colour opts

Browse source
This commit is contained in:
toby 2017-05-30 15:49:22 -04:00
parent 6cdc7d3966
commit dc642be1f5
2 changed files with 35 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/core/config/OperationConfig.js
View file

@ -3430,6 +3430,21 @@ const OperationConfig = {
type: "string",
value: "",
},
{
name: "Draw hexagon edges",
type: "boolean",
value: false,
},
{
name: "Min colour value",
type: "string",
value: Charts.COLOURS.min,
},
{
name: "Max colour value",
type: "string",
value: Charts.COLOURS.max,
},
]
}
};

22
src/core/operations/Charts.js
View file

@ -68,6 +68,19 @@ const Charts = {
},
/**
* Default from colour
*
* @constant
* @default
*/
COLOURS: {
min: "white",
max: "black",
},
/**
* Hex Bin chart operation.
*
@ -81,6 +94,9 @@ const Charts = {
packRadius = args[2],
drawRadius = args[3],
columnHeadingsAreIncluded = args[4],
drawEdges = args[7],
minColour = args[8],
maxColour = args[9],
dimension = 500;
let xLabel = args[5],
@ -135,7 +151,7 @@ const Charts = {
.domain(yExtent)
.range([height, 0]);
let color = d3.scaleSequential(d3.interpolateLab("white", "steelblue"))
let colour = d3.scaleSequential(d3.interpolateLab(minColour, maxColour))
.domain([0, maxCount]);
marginedSpace.append("clipPath")
@ -154,7 +170,9 @@ const Charts = {
.attr("d", d => {
return `M${xAxis(d.x)},${yAxis(d.y)} ${hexbin.hexagon(drawRadius)}`;
})
.attr("fill", (d) => color(d.length))
.attr("fill", (d) => colour(d.length))
.attr("stroke", drawEdges ? "black" : "none")
.attr("stroke-width", drawEdges ? "0.5" : "none")
.append("title")
.text(d => {
let count = d.length,