Merge remote-tracking branch 'origin/master' into feature/streebog-hash
This commit is contained in:
mshwed
commit
aef65620da
12
CHANGELOG.md
12
CHANGELOG.md
@ -2,6 +2,12 @@
|
|||||||
All major and minor version changes will be documented in this file. Details of patch-level version changes can be found in [commit messages](https://github.com/gchq/CyberChef/commits/master).
|
All major and minor version changes will be documented in this file. Details of patch-level version changes can be found in [commit messages](https://github.com/gchq/CyberChef/commits/master).
|
||||||
|
|
||||||
|
|
||||||
|
### [8.29.0] - 2019-03-31
|
||||||
|
- 'BLAKE2s' and 'BLAKE2b' hashing operations added [@h345983745] | [#525]
|
||||||
|
|
||||||
|
### [8.28.0] - 2019-03-31
|
||||||
|
- 'Heatmap Chart', 'Hex Density Chart', 'Scatter Chart' and 'Series Chart' operation added [@artemisbot] [@tlwr] | [#496] [#143]
|
||||||
|
|
||||||
### [8.27.0] - 2019-03-14
|
### [8.27.0] - 2019-03-14
|
||||||
- 'Enigma', 'Typex', 'Bombe' and 'Multiple Bombe' operations added [@s2224834] | [#516]
|
- 'Enigma', 'Typex', 'Bombe' and 'Multiple Bombe' operations added [@s2224834] | [#516]
|
||||||
- See [this wiki article](https://github.com/gchq/CyberChef/wiki/Enigma,-the-Bombe,-and-Typex) for a full explanation of these operations.
|
- See [this wiki article](https://github.com/gchq/CyberChef/wiki/Enigma,-the-Bombe,-and-Typex) for a full explanation of these operations.
|
||||||
@ -118,6 +124,8 @@ All major and minor version changes will be documented in this file. Details of
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
[8.29.0]: https://github.com/gchq/CyberChef/releases/tag/v8.29.0
|
||||||
|
[8.28.0]: https://github.com/gchq/CyberChef/releases/tag/v8.28.0
|
||||||
[8.27.0]: https://github.com/gchq/CyberChef/releases/tag/v8.27.0
|
[8.27.0]: https://github.com/gchq/CyberChef/releases/tag/v8.27.0
|
||||||
[8.26.0]: https://github.com/gchq/CyberChef/releases/tag/v8.26.0
|
[8.26.0]: https://github.com/gchq/CyberChef/releases/tag/v8.26.0
|
||||||
[8.25.0]: https://github.com/gchq/CyberChef/releases/tag/v8.25.0
|
[8.25.0]: https://github.com/gchq/CyberChef/releases/tag/v8.25.0
|
||||||
@ -159,6 +167,7 @@ All major and minor version changes will be documented in this file. Details of
|
|||||||
[@h345983745]: https://github.com/h345983745
|
[@h345983745]: https://github.com/h345983745
|
||||||
[@s2224834]: https://github.com/s2224834
|
[@s2224834]: https://github.com/s2224834
|
||||||
[@artemisbot]: https://github.com/artemisbot
|
[@artemisbot]: https://github.com/artemisbot
|
||||||
|
[@tlwr]: https://github.com/tlwr
|
||||||
[@picapi]: https://github.com/picapi
|
[@picapi]: https://github.com/picapi
|
||||||
[@Dachande663]: https://github.com/Dachande663
|
[@Dachande663]: https://github.com/Dachande663
|
||||||
[@JustAnotherMark]: https://github.com/JustAnotherMark
|
[@JustAnotherMark]: https://github.com/JustAnotherMark
|
||||||
@ -175,6 +184,7 @@ All major and minor version changes will be documented in this file. Details of
|
|||||||
|
|
||||||
[#95]: https://github.com/gchq/CyberChef/pull/299
|
[#95]: https://github.com/gchq/CyberChef/pull/299
|
||||||
[#173]: https://github.com/gchq/CyberChef/pull/173
|
[#173]: https://github.com/gchq/CyberChef/pull/173
|
||||||
|
[#143]: https://github.com/gchq/CyberChef/pull/143
|
||||||
[#224]: https://github.com/gchq/CyberChef/pull/224
|
[#224]: https://github.com/gchq/CyberChef/pull/224
|
||||||
[#239]: https://github.com/gchq/CyberChef/pull/239
|
[#239]: https://github.com/gchq/CyberChef/pull/239
|
||||||
[#248]: https://github.com/gchq/CyberChef/pull/248
|
[#248]: https://github.com/gchq/CyberChef/pull/248
|
||||||
@ -209,5 +219,7 @@ All major and minor version changes will be documented in this file. Details of
|
|||||||
[#468]: https://github.com/gchq/CyberChef/pull/468
|
[#468]: https://github.com/gchq/CyberChef/pull/468
|
||||||
[#476]: https://github.com/gchq/CyberChef/pull/476
|
[#476]: https://github.com/gchq/CyberChef/pull/476
|
||||||
[#489]: https://github.com/gchq/CyberChef/pull/489
|
[#489]: https://github.com/gchq/CyberChef/pull/489
|
||||||
|
[#496]: https://github.com/gchq/CyberChef/pull/496
|
||||||
[#506]: https://github.com/gchq/CyberChef/pull/506
|
[#506]: https://github.com/gchq/CyberChef/pull/506
|
||||||
[#516]: https://github.com/gchq/CyberChef/pull/516
|
[#516]: https://github.com/gchq/CyberChef/pull/516
|
||||||
|
[#525]: https://github.com/gchq/CyberChef/pull/525
|
||||||
|
|||||||
@ -284,7 +284,8 @@ module.exports = function (grunt) {
|
|||||||
warningsFilter: [
|
warningsFilter: [
|
||||||
/source-map/,
|
/source-map/,
|
||||||
/dependency is an expression/,
|
/dependency is an expression/,
|
||||||
/export 'default'/
|
/export 'default'/,
|
||||||
|
/Can't resolve 'sodium'/
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@ -11,14 +11,22 @@ module.exports = function(api) {
|
|||||||
"node": "6.5"
|
"node": "6.5"
|
||||||
},
|
},
|
||||||
"modules": false,
|
"modules": false,
|
||||||
"useBuiltIns": "entry"
|
"useBuiltIns": "entry",
|
||||||
|
"corejs": 3
|
||||||
}]
|
}]
|
||||||
],
|
],
|
||||||
"plugins": [
|
"plugins": [
|
||||||
"babel-plugin-syntax-dynamic-import",
|
"babel-plugin-syntax-dynamic-import",
|
||||||
["babel-plugin-transform-builtin-extend", {
|
[
|
||||||
"globals": ["Error"]
|
"babel-plugin-transform-builtin-extend", {
|
||||||
}]
|
"globals": ["Error"]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
[
|
||||||
|
"@babel/plugin-transform-runtime", {
|
||||||
|
"regenerator": true
|
||||||
|
}
|
||||||
|
]
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|||||||
5350
package-lock.json
generated
5350
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
69
package.json
69
package.json
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "cyberchef",
|
"name": "cyberchef",
|
||||||
"version": "8.27.1",
|
"version": "8.29.0",
|
||||||
"description": "The Cyber Swiss Army Knife for encryption, encoding, compression and data analysis.",
|
"description": "The Cyber Swiss Army Knife for encryption, encoding, compression and data analysis.",
|
||||||
"author": "n1474335 <n1474335@gmail.com>",
|
"author": "n1474335 <n1474335@gmail.com>",
|
||||||
"homepage": "https://gchq.github.io/CyberChef",
|
"homepage": "https://gchq.github.io/CyberChef",
|
||||||
@ -30,20 +30,20 @@
|
|||||||
"main": "build/node/CyberChef.js",
|
"main": "build/node/CyberChef.js",
|
||||||
"bugs": "https://github.com/gchq/CyberChef/issues",
|
"bugs": "https://github.com/gchq/CyberChef/issues",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@babel/core": "^7.2.2",
|
"@babel/core": "^7.4.0",
|
||||||
"@babel/preset-env": "^7.2.3",
|
"@babel/plugin-transform-runtime": "^7.4.0",
|
||||||
"autoprefixer": "^9.4.3",
|
"@babel/preset-env": "^7.4.2",
|
||||||
|
"autoprefixer": "^9.5.0",
|
||||||
"babel-eslint": "^10.0.1",
|
"babel-eslint": "^10.0.1",
|
||||||
"babel-loader": "^8.0.4",
|
"babel-loader": "^8.0.5",
|
||||||
"babel-plugin-syntax-dynamic-import": "^6.18.0",
|
"babel-plugin-syntax-dynamic-import": "^6.18.0",
|
||||||
"bootstrap": "^4.2.1",
|
"chromedriver": "^2.46.0",
|
||||||
"chromedriver": "^2.45.0",
|
|
||||||
"colors": "^1.3.3",
|
"colors": "^1.3.3",
|
||||||
"css-loader": "^2.1.0",
|
"css-loader": "^2.1.1",
|
||||||
"eslint": "^5.12.1",
|
"eslint": "^5.15.3",
|
||||||
"exports-loader": "^0.7.0",
|
"exports-loader": "^0.7.0",
|
||||||
"file-loader": "^3.0.1",
|
"file-loader": "^3.0.1",
|
||||||
"grunt": "^1.0.3",
|
"grunt": "^1.0.4",
|
||||||
"grunt-accessibility": "~6.0.0",
|
"grunt-accessibility": "~6.0.0",
|
||||||
"grunt-chmod": "~1.1.1",
|
"grunt-chmod": "~1.1.1",
|
||||||
"grunt-concurrent": "^2.3.1",
|
"grunt-concurrent": "^2.3.1",
|
||||||
@ -60,9 +60,9 @@
|
|||||||
"ink-docstrap": "^1.3.2",
|
"ink-docstrap": "^1.3.2",
|
||||||
"jsdoc-babel": "^0.5.0",
|
"jsdoc-babel": "^0.5.0",
|
||||||
"mini-css-extract-plugin": "^0.5.0",
|
"mini-css-extract-plugin": "^0.5.0",
|
||||||
"nightwatch": "^1.0.18",
|
"nightwatch": "^1.0.19",
|
||||||
"node-sass": "^4.11.0",
|
"node-sass": "^4.11.0",
|
||||||
"postcss-css-variables": "^0.11.0",
|
"postcss-css-variables": "^0.12.0",
|
||||||
"postcss-import": "^12.0.1",
|
"postcss-import": "^12.0.1",
|
||||||
"postcss-loader": "^3.0.0",
|
"postcss-loader": "^3.0.0",
|
||||||
"prompt": "^1.0.0",
|
"prompt": "^1.0.0",
|
||||||
@ -71,63 +71,70 @@
|
|||||||
"style-loader": "^0.23.1",
|
"style-loader": "^0.23.1",
|
||||||
"svg-url-loader": "^2.3.2",
|
"svg-url-loader": "^2.3.2",
|
||||||
"url-loader": "^1.1.2",
|
"url-loader": "^1.1.2",
|
||||||
"web-resource-inliner": "^4.2.1",
|
"web-resource-inliner": "^4.3.1",
|
||||||
"webpack": "^4.28.3",
|
"webpack": "^4.29.6",
|
||||||
"webpack-bundle-analyzer": "^3.0.3",
|
"webpack-bundle-analyzer": "^3.1.0",
|
||||||
"webpack-dev-server": "^3.1.14",
|
"webpack-dev-server": "^3.2.1",
|
||||||
"webpack-node-externals": "^1.7.2",
|
"webpack-node-externals": "^1.7.2",
|
||||||
"worker-loader": "^2.0.0"
|
"worker-loader": "^2.0.0"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"@babel/polyfill": "^7.4.0",
|
||||||
|
"@babel/runtime": "^7.4.2",
|
||||||
"arrive": "^2.4.1",
|
"arrive": "^2.4.1",
|
||||||
"babel-plugin-transform-builtin-extend": "1.1.2",
|
"babel-plugin-transform-builtin-extend": "1.1.2",
|
||||||
"babel-polyfill": "^6.26.0",
|
|
||||||
"bcryptjs": "^2.4.3",
|
"bcryptjs": "^2.4.3",
|
||||||
"bignumber.js": "^8.0.2",
|
"bignumber.js": "^8.1.1",
|
||||||
|
"blakejs": "^1.1.0",
|
||||||
|
"bootstrap": "4.2.1",
|
||||||
"bootstrap-colorpicker": "^2.5.3",
|
"bootstrap-colorpicker": "^2.5.3",
|
||||||
"bootstrap-material-design": "^4.1.1",
|
"bootstrap-material-design": "^4.1.1",
|
||||||
"bson": "^4.0.1",
|
"bson": "^4.0.2",
|
||||||
"chi-squared": "^1.1.0",
|
"chi-squared": "^1.1.0",
|
||||||
"clippyjs": "0.0.3",
|
"clippyjs": "0.0.3",
|
||||||
|
"core-js": "^3.0.0",
|
||||||
"crypto-api": "^0.8.3",
|
"crypto-api": "^0.8.3",
|
||||||
"crypto-js": "^3.1.9-1",
|
"crypto-js": "^3.1.9-1",
|
||||||
"ctph.js": "0.0.5",
|
"ctph.js": "0.0.5",
|
||||||
"diff": "^3.5.0",
|
"d3": "^4.9.1",
|
||||||
|
"d3-hexbin": "^0.2.2",
|
||||||
|
"diff": "^4.0.1",
|
||||||
"es6-promisify": "^6.0.1",
|
"es6-promisify": "^6.0.1",
|
||||||
"escodegen": "^1.11.0",
|
"escodegen": "^1.11.1",
|
||||||
"esmangle": "^1.0.1",
|
"esmangle": "^1.0.1",
|
||||||
"esprima": "^4.0.1",
|
"esprima": "^4.0.1",
|
||||||
"exif-parser": "^0.1.12",
|
"exif-parser": "^0.1.12",
|
||||||
"file-saver": "^2.0.0",
|
"file-saver": "^2.0.1",
|
||||||
"geodesy": "^1.1.3",
|
"geodesy": "^1.1.3",
|
||||||
"highlight.js": "^9.13.1",
|
"highlight.js": "^9.15.6",
|
||||||
"jimp": "^0.6.0",
|
"jimp": "^0.6.0",
|
||||||
"jquery": "^3.3.1",
|
"jquery": "^3.3.1",
|
||||||
"js-crc": "^0.2.0",
|
"js-crc": "^0.2.0",
|
||||||
"js-sha3": "^0.8.0",
|
"js-sha3": "^0.8.0",
|
||||||
"jsesc": "^2.5.2",
|
"jsesc": "^2.5.2",
|
||||||
"jsonpath": "^1.0.0",
|
"jsonpath": "^1.0.1",
|
||||||
"jsonwebtoken": "^8.4.0",
|
"jsonwebtoken": "^8.5.1",
|
||||||
"jsqr": "^1.1.1",
|
"jsqr": "^1.2.0",
|
||||||
"jsrsasign": "8.0.12",
|
"jsrsasign": "8.0.12",
|
||||||
"kbpgp": "^2.0.82",
|
"kbpgp": "2.1.0",
|
||||||
"libyara-wasm": "0.0.12",
|
"libyara-wasm": "0.0.12",
|
||||||
"lodash": "^4.17.11",
|
"lodash": "^4.17.11",
|
||||||
"loglevel": "^1.6.1",
|
"loglevel": "^1.6.1",
|
||||||
"loglevel-message-prefix": "^3.0.0",
|
"loglevel-message-prefix": "^3.0.0",
|
||||||
"moment": "^2.23.0",
|
"moment": "^2.24.0",
|
||||||
"moment-timezone": "^0.5.23",
|
"moment-timezone": "^0.5.23",
|
||||||
"ngeohash": "^0.6.3",
|
"ngeohash": "^0.6.3",
|
||||||
"node-forge": "^0.7.6",
|
"node-forge": "^0.8.2",
|
||||||
"node-md6": "^0.1.0",
|
"node-md6": "^0.1.0",
|
||||||
|
"nodom": "^2.2.0",
|
||||||
"notepack.io": "^2.2.0",
|
"notepack.io": "^2.2.0",
|
||||||
"nwmatcher": "^1.4.4",
|
"nwmatcher": "^1.4.4",
|
||||||
"otp": "^0.1.3",
|
"otp": "^0.1.3",
|
||||||
"popper.js": "^1.14.6",
|
"popper.js": "^1.14.7",
|
||||||
"qr-image": "^3.2.0",
|
"qr-image": "^3.2.0",
|
||||||
"scryptsy": "^2.0.0",
|
"scryptsy": "^2.0.0",
|
||||||
"snackbarjs": "^1.1.0",
|
"snackbarjs": "^1.1.0",
|
||||||
"sortablejs": "^1.8.0-rc1",
|
"sortablejs": "^1.8.4",
|
||||||
"split.js": "^1.5.10",
|
"split.js": "^1.5.10",
|
||||||
"ssdeep.js": "0.0.2",
|
"ssdeep.js": "0.0.2",
|
||||||
"ua-parser-js": "^0.7.19",
|
"ua-parser-js": "^0.7.19",
|
||||||
|
|||||||
@ -6,7 +6,6 @@
|
|||||||
* @license Apache-2.0
|
* @license Apache-2.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import "babel-polyfill";
|
|
||||||
import Chef from "./Chef";
|
import Chef from "./Chef";
|
||||||
import OperationConfig from "./config/OperationConfig.json";
|
import OperationConfig from "./config/OperationConfig.json";
|
||||||
import OpModules from "./config/modules/OpModules";
|
import OpModules from "./config/modules/OpModules";
|
||||||
|
|||||||
@ -1027,6 +1027,7 @@ class Utils {
|
|||||||
"Comma": ",",
|
"Comma": ",",
|
||||||
"Semi-colon": ";",
|
"Semi-colon": ";",
|
||||||
"Colon": ":",
|
"Colon": ":",
|
||||||
|
"Tab": "\t",
|
||||||
"Line feed": "\n",
|
"Line feed": "\n",
|
||||||
"CRLF": "\r\n",
|
"CRLF": "\r\n",
|
||||||
"Forward slash": "/",
|
"Forward slash": "/",
|
||||||
|
|||||||
@ -298,6 +298,8 @@
|
|||||||
"HAS-160",
|
"HAS-160",
|
||||||
"Whirlpool",
|
"Whirlpool",
|
||||||
"Snefru",
|
"Snefru",
|
||||||
|
"BLAKE2b",
|
||||||
|
"BLAKE2s",
|
||||||
"SSDEEP",
|
"SSDEEP",
|
||||||
"CTPH",
|
"CTPH",
|
||||||
"Compare SSDEEP hashes",
|
"Compare SSDEEP hashes",
|
||||||
@ -379,7 +381,11 @@
|
|||||||
"Image Filter",
|
"Image Filter",
|
||||||
"Contain Image",
|
"Contain Image",
|
||||||
"Cover Image",
|
"Cover Image",
|
||||||
"Image Hue/Saturation/Lightness"
|
"Image Hue/Saturation/Lightness",
|
||||||
|
"Hex Density chart",
|
||||||
|
"Scatter chart",
|
||||||
|
"Series chart",
|
||||||
|
"Heatmap chart"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -396,6 +402,7 @@
|
|||||||
"Generate QR Code",
|
"Generate QR Code",
|
||||||
"Parse QR Code",
|
"Parse QR Code",
|
||||||
"Haversine distance",
|
"Haversine distance",
|
||||||
|
"HTML To Text",
|
||||||
"Generate Lorem Ipsum",
|
"Generate Lorem Ipsum",
|
||||||
"Numberwang",
|
"Numberwang",
|
||||||
"XKCD Random Number"
|
"XKCD Random Number"
|
||||||
|
|||||||
178
src/core/lib/Charts.mjs
Normal file
178
src/core/lib/Charts.mjs
Normal file
@ -0,0 +1,178 @@
|
|||||||
|
/**
|
||||||
|
* @author tlwr [toby@toby.codes]
|
||||||
|
* @author Matt C [me@mitt.dev]
|
||||||
|
* @copyright Crown Copyright 2019
|
||||||
|
* @license Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
import OperationError from "../errors/OperationError";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @constant
|
||||||
|
* @default
|
||||||
|
*/
|
||||||
|
export const RECORD_DELIMITER_OPTIONS = ["Line feed", "CRLF"];
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @constant
|
||||||
|
* @default
|
||||||
|
*/
|
||||||
|
export const FIELD_DELIMITER_OPTIONS = ["Space", "Comma", "Semi-colon", "Colon", "Tab"];
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Default from colour
|
||||||
|
*
|
||||||
|
* @constant
|
||||||
|
* @default
|
||||||
|
*/
|
||||||
|
export const COLOURS = {
|
||||||
|
min: "white",
|
||||||
|
max: "black"
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Gets values from input for a plot.
|
||||||
|
*
|
||||||
|
* @param {string} input
|
||||||
|
* @param {string} recordDelimiter
|
||||||
|
* @param {string} fieldDelimiter
|
||||||
|
* @param {boolean} columnHeadingsAreIncluded - whether we should skip the first record
|
||||||
|
* @param {number} length
|
||||||
|
* @returns {Object[]}
|
||||||
|
*/
|
||||||
|
export function getValues(input, recordDelimiter, fieldDelimiter, columnHeadingsAreIncluded, length) {
|
||||||
|
let headings;
|
||||||
|
const values = [];
|
||||||
|
|
||||||
|
input
|
||||||
|
.split(recordDelimiter)
|
||||||
|
.forEach((row, rowIndex) => {
|
||||||
|
const split = row.split(fieldDelimiter);
|
||||||
|
if (split.length !== length) throw new OperationError(`Each row must have length ${length}.`);
|
||||||
|
|
||||||
|
if (columnHeadingsAreIncluded && rowIndex === 0) {
|
||||||
|
headings = split;
|
||||||
|
} else {
|
||||||
|
values.push(split);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return { headings, values };
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Gets values from input for a scatter plot.
|
||||||
|
*
|
||||||
|
* @param {string} input
|
||||||
|
* @param {string} recordDelimiter
|
||||||
|
* @param {string} fieldDelimiter
|
||||||
|
* @param {boolean} columnHeadingsAreIncluded - whether we should skip the first record
|
||||||
|
* @returns {Object[]}
|
||||||
|
*/
|
||||||
|
export function getScatterValues(input, recordDelimiter, fieldDelimiter, columnHeadingsAreIncluded) {
|
||||||
|
let { headings, values } = getValues(
|
||||||
|
input,
|
||||||
|
recordDelimiter,
|
||||||
|
fieldDelimiter,
|
||||||
|
columnHeadingsAreIncluded,
|
||||||
|
2
|
||||||
|
);
|
||||||
|
|
||||||
|
if (headings) {
|
||||||
|
headings = {x: headings[0], y: headings[1]};
|
||||||
|
}
|
||||||
|
|
||||||
|
values = values.map(row => {
|
||||||
|
const x = parseFloat(row[0], 10),
|
||||||
|
y = parseFloat(row[1], 10);
|
||||||
|
|
||||||
|
if (Number.isNaN(x)) throw new OperationError("Values must be numbers in base 10.");
|
||||||
|
if (Number.isNaN(y)) throw new OperationError("Values must be numbers in base 10.");
|
||||||
|
|
||||||
|
return [x, y];
|
||||||
|
});
|
||||||
|
|
||||||
|
return { headings, values };
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Gets values from input for a scatter plot with colour from the third column.
|
||||||
|
*
|
||||||
|
* @param {string} input
|
||||||
|
* @param {string} recordDelimiter
|
||||||
|
* @param {string} fieldDelimiter
|
||||||
|
* @param {boolean} columnHeadingsAreIncluded - whether we should skip the first record
|
||||||
|
* @returns {Object[]}
|
||||||
|
*/
|
||||||
|
export function getScatterValuesWithColour(input, recordDelimiter, fieldDelimiter, columnHeadingsAreIncluded) {
|
||||||
|
let { headings, values } = getValues(
|
||||||
|
input,
|
||||||
|
recordDelimiter, fieldDelimiter,
|
||||||
|
columnHeadingsAreIncluded,
|
||||||
|
3
|
||||||
|
);
|
||||||
|
|
||||||
|
if (headings) {
|
||||||
|
headings = {x: headings[0], y: headings[1]};
|
||||||
|
}
|
||||||
|
|
||||||
|
values = values.map(row => {
|
||||||
|
const x = parseFloat(row[0], 10),
|
||||||
|
y = parseFloat(row[1], 10),
|
||||||
|
colour = row[2];
|
||||||
|
|
||||||
|
if (Number.isNaN(x)) throw new OperationError("Values must be numbers in base 10.");
|
||||||
|
if (Number.isNaN(y)) throw new OperationError("Values must be numbers in base 10.");
|
||||||
|
|
||||||
|
return [x, y, colour];
|
||||||
|
});
|
||||||
|
|
||||||
|
return { headings, values };
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Gets values from input for a time series plot.
|
||||||
|
*
|
||||||
|
* @param {string} input
|
||||||
|
* @param {string} recordDelimiter
|
||||||
|
* @param {string} fieldDelimiter
|
||||||
|
* @param {boolean} columnHeadingsAreIncluded - whether we should skip the first record
|
||||||
|
* @returns {Object[]}
|
||||||
|
*/
|
||||||
|
export function getSeriesValues(input, recordDelimiter, fieldDelimiter, columnHeadingsAreIncluded) {
|
||||||
|
const { values } = getValues(
|
||||||
|
input,
|
||||||
|
recordDelimiter, fieldDelimiter,
|
||||||
|
false,
|
||||||
|
3
|
||||||
|
);
|
||||||
|
|
||||||
|
let xValues = new Set();
|
||||||
|
const series = {};
|
||||||
|
|
||||||
|
values.forEach(row => {
|
||||||
|
const serie = row[0],
|
||||||
|
xVal = row[1],
|
||||||
|
val = parseFloat(row[2], 10);
|
||||||
|
|
||||||
|
if (Number.isNaN(val)) throw new OperationError("Values must be numbers in base 10.");
|
||||||
|
|
||||||
|
xValues.add(xVal);
|
||||||
|
if (typeof series[serie] === "undefined") series[serie] = {};
|
||||||
|
series[serie][xVal] = val;
|
||||||
|
});
|
||||||
|
|
||||||
|
xValues = new Array(...xValues);
|
||||||
|
|
||||||
|
const seriesList = [];
|
||||||
|
for (const seriesName in series) {
|
||||||
|
const serie = series[seriesName];
|
||||||
|
seriesList.push({name: seriesName, data: serie});
|
||||||
|
}
|
||||||
|
|
||||||
|
return { xValues, series: seriesList };
|
||||||
|
}
|
||||||
79
src/core/operations/BLAKE2b.mjs
Normal file
79
src/core/operations/BLAKE2b.mjs
Normal file
@ -0,0 +1,79 @@
|
|||||||
|
/**
|
||||||
|
* @author h345983745
|
||||||
|
* @copyright Crown Copyright 2019
|
||||||
|
* @license Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
import Operation from "../Operation";
|
||||||
|
import blakejs from "blakejs";
|
||||||
|
import OperationError from "../errors/OperationError";
|
||||||
|
import Utils from "../Utils";
|
||||||
|
import { toBase64 } from "../lib/Base64";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* BLAKE2b operation
|
||||||
|
*/
|
||||||
|
class BLAKE2b extends Operation {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* BLAKE2b constructor
|
||||||
|
*/
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
|
||||||
|
this.name = "BLAKE2b";
|
||||||
|
this.module = "Hashing";
|
||||||
|
this.description = `Performs BLAKE2b hashing on the input.
|
||||||
|
<br><br> BLAKE2b is a flavour of the BLAKE cryptographic hash function that is optimized for 64-bit platforms and produces digests of any size between 1 and 64 bytes.
|
||||||
|
<br><br> Supports the use of an optional key.`;
|
||||||
|
this.infoURL = "https://wikipedia.org/wiki/BLAKE_(hash_function)#BLAKE2b_algorithm";
|
||||||
|
this.inputType = "ArrayBuffer";
|
||||||
|
this.outputType = "string";
|
||||||
|
this.args = [
|
||||||
|
{
|
||||||
|
"name": "Size",
|
||||||
|
"type": "option",
|
||||||
|
"value": ["512", "384", "256", "160", "128"]
|
||||||
|
}, {
|
||||||
|
"name": "Output Encoding",
|
||||||
|
"type": "option",
|
||||||
|
"value": ["Hex", "Base64", "Raw"]
|
||||||
|
}, {
|
||||||
|
"name": "Key",
|
||||||
|
"type": "toggleString",
|
||||||
|
"value": "",
|
||||||
|
"toggleValues": ["UTF8", "Decimal", "Base64", "Hex", "Latin1"]
|
||||||
|
}
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param {ArrayBuffer} input
|
||||||
|
* @param {Object[]} args
|
||||||
|
* @returns {string} The input having been hashed with BLAKE2b in the encoding format speicifed.
|
||||||
|
*/
|
||||||
|
run(input, args) {
|
||||||
|
const [outSize, outFormat] = args;
|
||||||
|
let key = Utils.convertToByteArray(args[2].string || "", args[2].option);
|
||||||
|
if (key.length === 0) {
|
||||||
|
key = null;
|
||||||
|
} else if (key.length > 64) {
|
||||||
|
throw new OperationError(["Key cannot be greater than 64 bytes", "It is currently " + key.length + " bytes."].join("\n"));
|
||||||
|
}
|
||||||
|
|
||||||
|
input = new Uint8Array(input);
|
||||||
|
switch (outFormat) {
|
||||||
|
case "Hex":
|
||||||
|
return blakejs.blake2bHex(input, key, outSize / 8);
|
||||||
|
case "Base64":
|
||||||
|
return toBase64(blakejs.blake2b(input, key, outSize / 8));
|
||||||
|
case "Raw":
|
||||||
|
return Utils.arrayBufferToStr(blakejs.blake2b(input, key, outSize / 8).buffer);
|
||||||
|
default:
|
||||||
|
return new OperationError("Unsupported Output Type");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default BLAKE2b;
|
||||||
80
src/core/operations/BLAKE2s.mjs
Normal file
80
src/core/operations/BLAKE2s.mjs
Normal file
@ -0,0 +1,80 @@
|
|||||||
|
/**
|
||||||
|
* @author h345983745
|
||||||
|
* @copyright Crown Copyright 2019
|
||||||
|
* @license Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
import Operation from "../Operation";
|
||||||
|
import blakejs from "blakejs";
|
||||||
|
import OperationError from "../errors/OperationError";
|
||||||
|
import Utils from "../Utils";
|
||||||
|
import { toBase64 } from "../lib/Base64";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* BLAKE2s Operation
|
||||||
|
*/
|
||||||
|
class BLAKE2s extends Operation {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* BLAKE2s constructor
|
||||||
|
*/
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
|
||||||
|
this.name = "BLAKE2s";
|
||||||
|
this.module = "Hashing";
|
||||||
|
this.description = `Performs BLAKE2s hashing on the input.
|
||||||
|
<br><br>BLAKE2s is a flavour of the BLAKE cryptographic hash function that is optimized for 8- to 32-bit platforms and produces digests of any size between 1 and 32 bytes.
|
||||||
|
<br><br>Supports the use of an optional key.`;
|
||||||
|
this.infoURL = "https://wikipedia.org/wiki/BLAKE_(hash_function)#BLAKE2";
|
||||||
|
this.inputType = "ArrayBuffer";
|
||||||
|
this.outputType = "string";
|
||||||
|
this.args = [
|
||||||
|
{
|
||||||
|
"name": "Size",
|
||||||
|
"type": "option",
|
||||||
|
"value": ["256", "160", "128"]
|
||||||
|
}, {
|
||||||
|
"name": "Output Encoding",
|
||||||
|
"type": "option",
|
||||||
|
"value": ["Hex", "Base64", "Raw"]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Key",
|
||||||
|
"type": "toggleString",
|
||||||
|
"value": "",
|
||||||
|
"toggleValues": ["UTF8", "Decimal", "Base64", "Hex", "Latin1"]
|
||||||
|
}
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param {ArrayBuffer} input
|
||||||
|
* @param {Object[]} args
|
||||||
|
* @returns {string} The input having been hashed with BLAKE2s in the encoding format speicifed.
|
||||||
|
*/
|
||||||
|
run(input, args) {
|
||||||
|
const [outSize, outFormat] = args;
|
||||||
|
let key = Utils.convertToByteArray(args[2].string || "", args[2].option);
|
||||||
|
if (key.length === 0) {
|
||||||
|
key = null;
|
||||||
|
} else if (key.length > 32) {
|
||||||
|
throw new OperationError(["Key cannot be greater than 32 bytes", "It is currently " + key.length + " bytes."].join("\n"));
|
||||||
|
}
|
||||||
|
|
||||||
|
input = new Uint8Array(input);
|
||||||
|
switch (outFormat) {
|
||||||
|
case "Hex":
|
||||||
|
return blakejs.blake2sHex(input, key, outSize / 8);
|
||||||
|
case "Base64":
|
||||||
|
return toBase64(blakejs.blake2s(input, key, outSize / 8));
|
||||||
|
case "Raw":
|
||||||
|
return Utils.arrayBufferToStr(blakejs.blake2s(input, key, outSize / 8).buffer);
|
||||||
|
default:
|
||||||
|
return new OperationError("Unsupported Output Type");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default BLAKE2s;
|
||||||
@ -28,6 +28,8 @@ import Fletcher64Checksum from "./Fletcher64Checksum";
|
|||||||
import Adler32Checksum from "./Adler32Checksum";
|
import Adler32Checksum from "./Adler32Checksum";
|
||||||
import CRC16Checksum from "./CRC16Checksum";
|
import CRC16Checksum from "./CRC16Checksum";
|
||||||
import CRC32Checksum from "./CRC32Checksum";
|
import CRC32Checksum from "./CRC32Checksum";
|
||||||
|
import BLAKE2b from "./BLAKE2b";
|
||||||
|
import BLAKE2s from "./BLAKE2s";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Generate all hashes operation
|
* Generate all hashes operation
|
||||||
@ -86,6 +88,14 @@ class GenerateAllHashes extends Operation {
|
|||||||
"\nWhirlpool-0: " + (new Whirlpool()).run(arrayBuffer, ["Whirlpool-0"]) +
|
"\nWhirlpool-0: " + (new Whirlpool()).run(arrayBuffer, ["Whirlpool-0"]) +
|
||||||
"\nWhirlpool-T: " + (new Whirlpool()).run(arrayBuffer, ["Whirlpool-T"]) +
|
"\nWhirlpool-T: " + (new Whirlpool()).run(arrayBuffer, ["Whirlpool-T"]) +
|
||||||
"\nWhirlpool: " + (new Whirlpool()).run(arrayBuffer, ["Whirlpool"]) +
|
"\nWhirlpool: " + (new Whirlpool()).run(arrayBuffer, ["Whirlpool"]) +
|
||||||
|
"\nBLAKE2b-128: " + (new BLAKE2b).run(arrayBuffer, ["128", "Hex", {string: "", option: "UTF8"}]) +
|
||||||
|
"\nBLAKE2b-160: " + (new BLAKE2b).run(arrayBuffer, ["160", "Hex", {string: "", option: "UTF8"}]) +
|
||||||
|
"\nBLAKE2b-256: " + (new BLAKE2b).run(arrayBuffer, ["256", "Hex", {string: "", option: "UTF8"}]) +
|
||||||
|
"\nBLAKE2b-384: " + (new BLAKE2b).run(arrayBuffer, ["384", "Hex", {string: "", option: "UTF8"}]) +
|
||||||
|
"\nBLAKE2b-512: " + (new BLAKE2b).run(arrayBuffer, ["512", "Hex", {string: "", option: "UTF8"}]) +
|
||||||
|
"\nBLAKE2s-128: " + (new BLAKE2s).run(arrayBuffer, ["128", "Hex", {string: "", option: "UTF8"}]) +
|
||||||
|
"\nBLAKE2s-160: " + (new BLAKE2s).run(arrayBuffer, ["160", "Hex", {string: "", option: "UTF8"}]) +
|
||||||
|
"\nBLAKE2s-256: " + (new BLAKE2s).run(arrayBuffer, ["256", "Hex", {string: "", option: "UTF8"}]) +
|
||||||
"\nSSDEEP: " + (new SSDEEP()).run(str) +
|
"\nSSDEEP: " + (new SSDEEP()).run(str) +
|
||||||
"\nCTPH: " + (new CTPH()).run(str) +
|
"\nCTPH: " + (new CTPH()).run(str) +
|
||||||
"\n\nChecksums:" +
|
"\n\nChecksums:" +
|
||||||
|
|||||||
41
src/core/operations/HTMLToText.mjs
Normal file
41
src/core/operations/HTMLToText.mjs
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
/**
|
||||||
|
* @author tlwr [toby@toby.codes]
|
||||||
|
* @author Matt C [me@mitt.dev]
|
||||||
|
* @copyright Crown Copyright 2019
|
||||||
|
* @license Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
import Operation from "../Operation";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* HTML To Text operation
|
||||||
|
*/
|
||||||
|
class HTMLToText extends Operation {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* HTMLToText constructor
|
||||||
|
*/
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
|
||||||
|
this.name = "HTML To Text";
|
||||||
|
this.module = "Default";
|
||||||
|
this.description = "Converts an HTML output from an operation to a readable string instead of being rendered in the DOM.";
|
||||||
|
this.infoURL = "";
|
||||||
|
this.inputType = "html";
|
||||||
|
this.outputType = "string";
|
||||||
|
this.args = [];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param {html} input
|
||||||
|
* @param {Object[]} args
|
||||||
|
* @returns {string}
|
||||||
|
*/
|
||||||
|
run(input, args) {
|
||||||
|
return input;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default HTMLToText;
|
||||||
266
src/core/operations/HeatmapChart.mjs
Normal file
266
src/core/operations/HeatmapChart.mjs
Normal file
@ -0,0 +1,266 @@
|
|||||||
|
/**
|
||||||
|
* @author tlwr [toby@toby.codes]
|
||||||
|
* @author Matt C [me@mitt.dev]
|
||||||
|
* @copyright Crown Copyright 2019
|
||||||
|
* @license Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
import * as d3temp from "d3";
|
||||||
|
import * as nodomtemp from "nodom";
|
||||||
|
import { getScatterValues, RECORD_DELIMITER_OPTIONS, COLOURS, FIELD_DELIMITER_OPTIONS } from "../lib/Charts";
|
||||||
|
|
||||||
|
import Operation from "../Operation";
|
||||||
|
import OperationError from "../errors/OperationError";
|
||||||
|
import Utils from "../Utils";
|
||||||
|
|
||||||
|
const d3 = d3temp.default ? d3temp.default : d3temp;
|
||||||
|
const nodom = nodomtemp.default ? nodomtemp.default: nodomtemp;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Heatmap chart operation
|
||||||
|
*/
|
||||||
|
class HeatmapChart extends Operation {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* HeatmapChart constructor
|
||||||
|
*/
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
|
||||||
|
this.name = "Heatmap chart";
|
||||||
|
this.module = "Charts";
|
||||||
|
this.description = "A heatmap is a graphical representation of data where the individual values contained in a matrix are represented as colors.";
|
||||||
|
this.infoURL = "https://wikipedia.org/wiki/Heat_map";
|
||||||
|
this.inputType = "string";
|
||||||
|
this.outputType = "html";
|
||||||
|
this.args = [
|
||||||
|
{
|
||||||
|
name: "Record delimiter",
|
||||||
|
type: "option",
|
||||||
|
value: RECORD_DELIMITER_OPTIONS,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Field delimiter",
|
||||||
|
type: "option",
|
||||||
|
value: FIELD_DELIMITER_OPTIONS,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Number of vertical bins",
|
||||||
|
type: "number",
|
||||||
|
value: 25,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Number of horizontal bins",
|
||||||
|
type: "number",
|
||||||
|
value: 25,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Use column headers as labels",
|
||||||
|
type: "boolean",
|
||||||
|
value: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "X label",
|
||||||
|
type: "string",
|
||||||
|
value: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Y label",
|
||||||
|
type: "string",
|
||||||
|
value: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Draw bin edges",
|
||||||
|
type: "boolean",
|
||||||
|
value: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Min colour value",
|
||||||
|
type: "string",
|
||||||
|
value: COLOURS.min,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Max colour value",
|
||||||
|
type: "string",
|
||||||
|
value: COLOURS.max,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Heatmap chart operation.
|
||||||
|
*
|
||||||
|
* @param {string} input
|
||||||
|
* @param {Object[]} args
|
||||||
|
* @returns {html}
|
||||||
|
*/
|
||||||
|
run(input, args) {
|
||||||
|
const recordDelimiter = Utils.charRep(args[0]),
|
||||||
|
fieldDelimiter = Utils.charRep(args[1]),
|
||||||
|
vBins = args[2],
|
||||||
|
hBins = args[3],
|
||||||
|
columnHeadingsAreIncluded = args[4],
|
||||||
|
drawEdges = args[7],
|
||||||
|
minColour = args[8],
|
||||||
|
maxColour = args[9],
|
||||||
|
dimension = 500;
|
||||||
|
if (vBins <= 0) throw new OperationError("Number of vertical bins must be greater than 0");
|
||||||
|
if (hBins <= 0) throw new OperationError("Number of horizontal bins must be greater than 0");
|
||||||
|
|
||||||
|
let xLabel = args[5],
|
||||||
|
yLabel = args[6];
|
||||||
|
const { headings, values } = getScatterValues(
|
||||||
|
input,
|
||||||
|
recordDelimiter,
|
||||||
|
fieldDelimiter,
|
||||||
|
columnHeadingsAreIncluded
|
||||||
|
);
|
||||||
|
|
||||||
|
if (headings) {
|
||||||
|
xLabel = headings.x;
|
||||||
|
yLabel = headings.y;
|
||||||
|
}
|
||||||
|
|
||||||
|
const document = new nodom.Document();
|
||||||
|
let svg = document.createElement("svg");
|
||||||
|
svg = d3.select(svg)
|
||||||
|
.attr("width", "100%")
|
||||||
|
.attr("height", "100%")
|
||||||
|
.attr("viewBox", `0 0 ${dimension} ${dimension}`);
|
||||||
|
|
||||||
|
const margin = {
|
||||||
|
top: 10,
|
||||||
|
right: 0,
|
||||||
|
bottom: 40,
|
||||||
|
left: 30,
|
||||||
|
},
|
||||||
|
width = dimension - margin.left - margin.right,
|
||||||
|
height = dimension - margin.top - margin.bottom,
|
||||||
|
binWidth = width / hBins,
|
||||||
|
binHeight = height/ vBins,
|
||||||
|
marginedSpace = svg.append("g")
|
||||||
|
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
|
||||||
|
|
||||||
|
const bins = this.getHeatmapPacking(values, vBins, hBins),
|
||||||
|
maxCount = Math.max(...bins.map(row => {
|
||||||
|
const lengths = row.map(cell => cell.length);
|
||||||
|
return Math.max(...lengths);
|
||||||
|
}));
|
||||||
|
|
||||||
|
const xExtent = d3.extent(values, d => d[0]),
|
||||||
|
yExtent = d3.extent(values, d => d[1]);
|
||||||
|
|
||||||
|
const xAxis = d3.scaleLinear()
|
||||||
|
.domain(xExtent)
|
||||||
|
.range([0, width]);
|
||||||
|
const yAxis = d3.scaleLinear()
|
||||||
|
.domain(yExtent)
|
||||||
|
.range([height, 0]);
|
||||||
|
|
||||||
|
const colour = d3.scaleSequential(d3.interpolateLab(minColour, maxColour))
|
||||||
|
.domain([0, maxCount]);
|
||||||
|
|
||||||
|
marginedSpace.append("clipPath")
|
||||||
|
.attr("id", "clip")
|
||||||
|
.append("rect")
|
||||||
|
.attr("width", width)
|
||||||
|
.attr("height", height);
|
||||||
|
|
||||||
|
marginedSpace.append("g")
|
||||||
|
.attr("class", "bins")
|
||||||
|
.attr("clip-path", "url(#clip)")
|
||||||
|
.selectAll("g")
|
||||||
|
.data(bins)
|
||||||
|
.enter()
|
||||||
|
.append("g")
|
||||||
|
.selectAll("rect")
|
||||||
|
.data(d => d)
|
||||||
|
.enter()
|
||||||
|
.append("rect")
|
||||||
|
.attr("x", (d) => binWidth * d.x)
|
||||||
|
.attr("y", (d) => (height - binHeight * (d.y + 1)))
|
||||||
|
.attr("width", binWidth)
|
||||||
|
.attr("height", binHeight)
|
||||||
|
.attr("fill", (d) => colour(d.length))
|
||||||
|
.attr("stroke", drawEdges ? "rgba(0, 0, 0, 0.5)" : "none")
|
||||||
|
.attr("stroke-width", drawEdges ? "0.5" : "none")
|
||||||
|
.append("title")
|
||||||
|
.text(d => {
|
||||||
|
const count = d.length,
|
||||||
|
perc = 100.0 * d.length / values.length,
|
||||||
|
tooltip = `Count: ${count}\n
|
||||||
|
Percentage: ${perc.toFixed(2)}%\n
|
||||||
|
`.replace(/\s{2,}/g, "\n");
|
||||||
|
return tooltip;
|
||||||
|
});
|
||||||
|
|
||||||
|
marginedSpace.append("g")
|
||||||
|
.attr("class", "axis axis--y")
|
||||||
|
.call(d3.axisLeft(yAxis).tickSizeOuter(-width));
|
||||||
|
|
||||||
|
svg.append("text")
|
||||||
|
.attr("transform", "rotate(-90)")
|
||||||
|
.attr("y", -margin.left)
|
||||||
|
.attr("x", -(height / 2))
|
||||||
|
.attr("dy", "1em")
|
||||||
|
.style("text-anchor", "middle")
|
||||||
|
.text(yLabel);
|
||||||
|
|
||||||
|
marginedSpace.append("g")
|
||||||
|
.attr("class", "axis axis--x")
|
||||||
|
.attr("transform", "translate(0," + height + ")")
|
||||||
|
.call(d3.axisBottom(xAxis).tickSizeOuter(-height));
|
||||||
|
|
||||||
|
svg.append("text")
|
||||||
|
.attr("x", width / 2)
|
||||||
|
.attr("y", dimension)
|
||||||
|
.style("text-anchor", "middle")
|
||||||
|
.text(xLabel);
|
||||||
|
|
||||||
|
return svg._groups[0][0].outerHTML;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Packs a list of x, y coordinates into a number of bins for use in a heatmap.
|
||||||
|
*
|
||||||
|
* @param {Object[]} points
|
||||||
|
* @param {number} number of vertical bins
|
||||||
|
* @param {number} number of horizontal bins
|
||||||
|
* @returns {Object[]} a list of bins (each bin is an Array) with x y coordinates, filled with the points
|
||||||
|
*/
|
||||||
|
getHeatmapPacking(values, vBins, hBins) {
|
||||||
|
const xBounds = d3.extent(values, d => d[0]),
|
||||||
|
yBounds = d3.extent(values, d => d[1]),
|
||||||
|
bins = [];
|
||||||
|
|
||||||
|
if (xBounds[0] === xBounds[1]) throw "Cannot pack points. There is no difference between the minimum and maximum X coordinate.";
|
||||||
|
if (yBounds[0] === yBounds[1]) throw "Cannot pack points. There is no difference between the minimum and maximum Y coordinate.";
|
||||||
|
|
||||||
|
for (let y = 0; y < vBins; y++) {
|
||||||
|
bins.push([]);
|
||||||
|
for (let x = 0; x < hBins; x++) {
|
||||||
|
const item = [];
|
||||||
|
item.y = y;
|
||||||
|
item.x = x;
|
||||||
|
|
||||||
|
bins[y].push(item);
|
||||||
|
} // x
|
||||||
|
} // y
|
||||||
|
|
||||||
|
const epsilon = 0.000000001; // This is to clamp values that are exactly the maximum;
|
||||||
|
|
||||||
|
values.forEach(v => {
|
||||||
|
const fractionOfY = (v[1] - yBounds[0]) / ((yBounds[1] + epsilon) - yBounds[0]),
|
||||||
|
fractionOfX = (v[0] - xBounds[0]) / ((xBounds[1] + epsilon) - xBounds[0]),
|
||||||
|
y = Math.floor(vBins * fractionOfY),
|
||||||
|
x = Math.floor(hBins * fractionOfX);
|
||||||
|
|
||||||
|
bins[y][x].push({x: v[0], y: v[1]});
|
||||||
|
});
|
||||||
|
|
||||||
|
return bins;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default HeatmapChart;
|
||||||
296
src/core/operations/HexDensityChart.mjs
Normal file
296
src/core/operations/HexDensityChart.mjs
Normal file
@ -0,0 +1,296 @@
|
|||||||
|
/**
|
||||||
|
* @author tlwr [toby@toby.codes]
|
||||||
|
* @author Matt C [me@mitt.dev]
|
||||||
|
* @copyright Crown Copyright 2019
|
||||||
|
* @license Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
import * as d3temp from "d3";
|
||||||
|
import * as d3hexbintemp from "d3-hexbin";
|
||||||
|
import * as nodomtemp from "nodom";
|
||||||
|
import { getScatterValues, RECORD_DELIMITER_OPTIONS, COLOURS, FIELD_DELIMITER_OPTIONS } from "../lib/Charts";
|
||||||
|
|
||||||
|
import Operation from "../Operation";
|
||||||
|
import Utils from "../Utils";
|
||||||
|
|
||||||
|
const d3 = d3temp.default ? d3temp.default : d3temp;
|
||||||
|
const d3hexbin = d3hexbintemp.default ? d3hexbintemp.default : d3hexbintemp;
|
||||||
|
const nodom = nodomtemp.default ? nodomtemp.default: nodomtemp;
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Hex Density chart operation
|
||||||
|
*/
|
||||||
|
class HexDensityChart extends Operation {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* HexDensityChart constructor
|
||||||
|
*/
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
|
||||||
|
this.name = "Hex Density chart";
|
||||||
|
this.module = "Charts";
|
||||||
|
this.description = "Hex density charts are used in a similar way to scatter charts, however rather than rendering tens of thousands of points, it groups the points into a few hundred hexagons to show the distribution.";
|
||||||
|
this.inputType = "string";
|
||||||
|
this.outputType = "html";
|
||||||
|
this.args = [
|
||||||
|
{
|
||||||
|
name: "Record delimiter",
|
||||||
|
type: "option",
|
||||||
|
value: RECORD_DELIMITER_OPTIONS,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Field delimiter",
|
||||||
|
type: "option",
|
||||||
|
value: FIELD_DELIMITER_OPTIONS,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Pack radius",
|
||||||
|
type: "number",
|
||||||
|
value: 25,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Draw radius",
|
||||||
|
type: "number",
|
||||||
|
value: 15,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Use column headers as labels",
|
||||||
|
type: "boolean",
|
||||||
|
value: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "X label",
|
||||||
|
type: "string",
|
||||||
|
value: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Y label",
|
||||||
|
type: "string",
|
||||||
|
value: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Draw hexagon edges",
|
||||||
|
type: "boolean",
|
||||||
|
value: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Min colour value",
|
||||||
|
type: "string",
|
||||||
|
value: COLOURS.min,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Max colour value",
|
||||||
|
type: "string",
|
||||||
|
value: COLOURS.max,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Draw empty hexagons within data boundaries",
|
||||||
|
type: "boolean",
|
||||||
|
value: false,
|
||||||
|
}
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Hex Bin chart operation.
|
||||||
|
*
|
||||||
|
* @param {string} input
|
||||||
|
* @param {Object[]} args
|
||||||
|
* @returns {html}
|
||||||
|
*/
|
||||||
|
run(input, args) {
|
||||||
|
const recordDelimiter = Utils.charRep(args[0]),
|
||||||
|
fieldDelimiter = Utils.charRep(args[1]),
|
||||||
|
packRadius = args[2],
|
||||||
|
drawRadius = args[3],
|
||||||
|
columnHeadingsAreIncluded = args[4],
|
||||||
|
drawEdges = args[7],
|
||||||
|
minColour = args[8],
|
||||||
|
maxColour = args[9],
|
||||||
|
drawEmptyHexagons = args[10],
|
||||||
|
dimension = 500;
|
||||||
|
|
||||||
|
let xLabel = args[5],
|
||||||
|
yLabel = args[6];
|
||||||
|
const { headings, values } = getScatterValues(
|
||||||
|
input,
|
||||||
|
recordDelimiter,
|
||||||
|
fieldDelimiter,
|
||||||
|
columnHeadingsAreIncluded
|
||||||
|
);
|
||||||
|
|
||||||
|
if (headings) {
|
||||||
|
xLabel = headings.x;
|
||||||
|
yLabel = headings.y;
|
||||||
|
}
|
||||||
|
|
||||||
|
const document = new nodom.Document();
|
||||||
|
let svg = document.createElement("svg");
|
||||||
|
svg = d3.select(svg)
|
||||||
|
.attr("width", "100%")
|
||||||
|
.attr("height", "100%")
|
||||||
|
.attr("viewBox", `0 0 ${dimension} ${dimension}`);
|
||||||
|
|
||||||
|
const margin = {
|
||||||
|
top: 10,
|
||||||
|
right: 0,
|
||||||
|
bottom: 40,
|
||||||
|
left: 30,
|
||||||
|
},
|
||||||
|
width = dimension - margin.left - margin.right,
|
||||||
|
height = dimension - margin.top - margin.bottom,
|
||||||
|
marginedSpace = svg.append("g")
|
||||||
|
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
|
||||||
|
|
||||||
|
const hexbin = d3hexbin.hexbin()
|
||||||
|
.radius(packRadius)
|
||||||
|
.extent([0, 0], [width, height]);
|
||||||
|
|
||||||
|
const hexPoints = hexbin(values),
|
||||||
|
maxCount = Math.max(...hexPoints.map(b => b.length));
|
||||||
|
|
||||||
|
const xExtent = d3.extent(hexPoints, d => d.x),
|
||||||
|
yExtent = d3.extent(hexPoints, d => d.y);
|
||||||
|
xExtent[0] -= 2 * packRadius;
|
||||||
|
xExtent[1] += 3 * packRadius;
|
||||||
|
yExtent[0] -= 2 * packRadius;
|
||||||
|
yExtent[1] += 2 * packRadius;
|
||||||
|
|
||||||
|
const xAxis = d3.scaleLinear()
|
||||||
|
.domain(xExtent)
|
||||||
|
.range([0, width]);
|
||||||
|
const yAxis = d3.scaleLinear()
|
||||||
|
.domain(yExtent)
|
||||||
|
.range([height, 0]);
|
||||||
|
|
||||||
|
const colour = d3.scaleSequential(d3.interpolateLab(minColour, maxColour))
|
||||||
|
.domain([0, maxCount]);
|
||||||
|
|
||||||
|
marginedSpace.append("clipPath")
|
||||||
|
.attr("id", "clip")
|
||||||
|
.append("rect")
|
||||||
|
.attr("width", width)
|
||||||
|
.attr("height", height);
|
||||||
|
|
||||||
|
if (drawEmptyHexagons) {
|
||||||
|
marginedSpace.append("g")
|
||||||
|
.attr("class", "empty-hexagon")
|
||||||
|
.selectAll("path")
|
||||||
|
.data(this.getEmptyHexagons(hexPoints, packRadius))
|
||||||
|
.enter()
|
||||||
|
.append("path")
|
||||||
|
.attr("d", d => {
|
||||||
|
return `M${xAxis(d.x)},${yAxis(d.y)} ${hexbin.hexagon(drawRadius)}`;
|
||||||
|
})
|
||||||
|
.attr("fill", (d) => colour(0))
|
||||||
|
.attr("stroke", drawEdges ? "black" : "none")
|
||||||
|
.attr("stroke-width", drawEdges ? "0.5" : "none")
|
||||||
|
.append("title")
|
||||||
|
.text(d => {
|
||||||
|
const count = 0,
|
||||||
|
perc = 0,
|
||||||
|
tooltip = `Count: ${count}\n
|
||||||
|
Percentage: ${perc.toFixed(2)}%\n
|
||||||
|
Center: ${d.x.toFixed(2)}, ${d.y.toFixed(2)}\n
|
||||||
|
`.replace(/\s{2,}/g, "\n");
|
||||||
|
return tooltip;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
marginedSpace.append("g")
|
||||||
|
.attr("class", "hexagon")
|
||||||
|
.attr("clip-path", "url(#clip)")
|
||||||
|
.selectAll("path")
|
||||||
|
.data(hexPoints)
|
||||||
|
.enter()
|
||||||
|
.append("path")
|
||||||
|
.attr("d", d => {
|
||||||
|
return `M${xAxis(d.x)},${yAxis(d.y)} ${hexbin.hexagon(drawRadius)}`;
|
||||||
|
})
|
||||||
|
.attr("fill", (d) => colour(d.length))
|
||||||
|
.attr("stroke", drawEdges ? "black" : "none")
|
||||||
|
.attr("stroke-width", drawEdges ? "0.5" : "none")
|
||||||
|
.append("title")
|
||||||
|
.text(d => {
|
||||||
|
const count = d.length,
|
||||||
|
perc = 100.0 * d.length / values.length,
|
||||||
|
CX = d.x,
|
||||||
|
CY = d.y,
|
||||||
|
xMin = Math.min(...d.map(d => d[0])),
|
||||||
|
xMax = Math.max(...d.map(d => d[0])),
|
||||||
|
yMin = Math.min(...d.map(d => d[1])),
|
||||||
|
yMax = Math.max(...d.map(d => d[1])),
|
||||||
|
tooltip = `Count: ${count}\n
|
||||||
|
Percentage: ${perc.toFixed(2)}%\n
|
||||||
|
Center: ${CX.toFixed(2)}, ${CY.toFixed(2)}\n
|
||||||
|
Min X: ${xMin.toFixed(2)}\n
|
||||||
|
Max X: ${xMax.toFixed(2)}\n
|
||||||
|
Min Y: ${yMin.toFixed(2)}\n
|
||||||
|
Max Y: ${yMax.toFixed(2)}
|
||||||
|
`.replace(/\s{2,}/g, "\n");
|
||||||
|
return tooltip;
|
||||||
|
});
|
||||||
|
|
||||||
|
marginedSpace.append("g")
|
||||||
|
.attr("class", "axis axis--y")
|
||||||
|
.call(d3.axisLeft(yAxis).tickSizeOuter(-width));
|
||||||
|
|
||||||
|
svg.append("text")
|
||||||
|
.attr("transform", "rotate(-90)")
|
||||||
|
.attr("y", -margin.left)
|
||||||
|
.attr("x", -(height / 2))
|
||||||
|
.attr("dy", "1em")
|
||||||
|
.style("text-anchor", "middle")
|
||||||
|
.text(yLabel);
|
||||||
|
|
||||||
|
marginedSpace.append("g")
|
||||||
|
.attr("class", "axis axis--x")
|
||||||
|
.attr("transform", "translate(0," + height + ")")
|
||||||
|
.call(d3.axisBottom(xAxis).tickSizeOuter(-height));
|
||||||
|
|
||||||
|
svg.append("text")
|
||||||
|
.attr("x", width / 2)
|
||||||
|
.attr("y", dimension)
|
||||||
|
.style("text-anchor", "middle")
|
||||||
|
.text(xLabel);
|
||||||
|
|
||||||
|
return svg._groups[0][0].outerHTML;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Hex Bin chart operation.
|
||||||
|
*
|
||||||
|
* @param {Object[]} - centres
|
||||||
|
* @param {number} - radius
|
||||||
|
* @returns {Object[]}
|
||||||
|
*/
|
||||||
|
getEmptyHexagons(centres, radius) {
|
||||||
|
const emptyCentres = [],
|
||||||
|
boundingRect = [d3.extent(centres, d => d.x), d3.extent(centres, d => d.y)],
|
||||||
|
hexagonCenterToEdge = Math.cos(2 * Math.PI / 12) * radius,
|
||||||
|
hexagonEdgeLength = Math.sin(2 * Math.PI / 12) * radius;
|
||||||
|
let indent = false;
|
||||||
|
|
||||||
|
for (let y = boundingRect[1][0]; y <= boundingRect[1][1] + radius; y += hexagonEdgeLength + radius) {
|
||||||
|
for (let x = boundingRect[0][0]; x <= boundingRect[0][1] + radius; x += 2 * hexagonCenterToEdge) {
|
||||||
|
let cx = x;
|
||||||
|
const cy = y;
|
||||||
|
|
||||||
|
if (indent && x >= boundingRect[0][1]) break;
|
||||||
|
if (indent) cx += hexagonCenterToEdge;
|
||||||
|
|
||||||
|
emptyCentres.push({x: cx, y: cy});
|
||||||
|
}
|
||||||
|
indent = !indent;
|
||||||
|
}
|
||||||
|
|
||||||
|
return emptyCentres;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default HexDensityChart;
|
||||||
@ -21,7 +21,7 @@ class JavaScriptParser extends Operation {
|
|||||||
this.name = "JavaScript Parser";
|
this.name = "JavaScript Parser";
|
||||||
this.module = "Code";
|
this.module = "Code";
|
||||||
this.description = "Returns an Abstract Syntax Tree for valid JavaScript code.";
|
this.description = "Returns an Abstract Syntax Tree for valid JavaScript code.";
|
||||||
this.infoURL = "https://en.wikipedia.org/wiki/Abstract_syntax_tree";
|
this.infoURL = "https://wikipedia.org/wiki/Abstract_syntax_tree";
|
||||||
this.inputType = "string";
|
this.inputType = "string";
|
||||||
this.outputType = "string";
|
this.outputType = "string";
|
||||||
this.args = [
|
this.args = [
|
||||||
|
|||||||
@ -21,7 +21,7 @@ class PEMToHex extends Operation {
|
|||||||
this.name = "PEM to Hex";
|
this.name = "PEM to Hex";
|
||||||
this.module = "PublicKey";
|
this.module = "PublicKey";
|
||||||
this.description = "Converts PEM (Privacy Enhanced Mail) format to a hexadecimal DER (Distinguished Encoding Rules) string.";
|
this.description = "Converts PEM (Privacy Enhanced Mail) format to a hexadecimal DER (Distinguished Encoding Rules) string.";
|
||||||
this.infoURL = "https://en.wikipedia.org/wiki/X.690#DER_encoding";
|
this.infoURL = "https://wikipedia.org/wiki/X.690#DER_encoding";
|
||||||
this.inputType = "string";
|
this.inputType = "string";
|
||||||
this.outputType = "string";
|
this.outputType = "string";
|
||||||
this.args = [];
|
this.args = [];
|
||||||
|
|||||||
199
src/core/operations/ScatterChart.mjs
Normal file
199
src/core/operations/ScatterChart.mjs
Normal file
@ -0,0 +1,199 @@
|
|||||||
|
/**
|
||||||
|
* @author tlwr [toby@toby.codes]
|
||||||
|
* @author Matt C [me@mitt.dev]
|
||||||
|
* @copyright Crown Copyright 2019
|
||||||
|
* @license Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
import * as d3temp from "d3";
|
||||||
|
import * as nodomtemp from "nodom";
|
||||||
|
import { getScatterValues, getScatterValuesWithColour, RECORD_DELIMITER_OPTIONS, COLOURS, FIELD_DELIMITER_OPTIONS } from "../lib/Charts";
|
||||||
|
|
||||||
|
import Operation from "../Operation";
|
||||||
|
import Utils from "../Utils";
|
||||||
|
|
||||||
|
const d3 = d3temp.default ? d3temp.default : d3temp;
|
||||||
|
const nodom = nodomtemp.default ? nodomtemp.default: nodomtemp;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Scatter chart operation
|
||||||
|
*/
|
||||||
|
class ScatterChart extends Operation {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* ScatterChart constructor
|
||||||
|
*/
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
|
||||||
|
this.name = "Scatter chart";
|
||||||
|
this.module = "Charts";
|
||||||
|
this.description = "Plots two-variable data as single points on a graph.";
|
||||||
|
this.infoURL = "https://wikipedia.org/wiki/Scatter_plot";
|
||||||
|
this.inputType = "string";
|
||||||
|
this.outputType = "html";
|
||||||
|
this.args = [
|
||||||
|
{
|
||||||
|
name: "Record delimiter",
|
||||||
|
type: "option",
|
||||||
|
value: RECORD_DELIMITER_OPTIONS,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Field delimiter",
|
||||||
|
type: "option",
|
||||||
|
value: FIELD_DELIMITER_OPTIONS,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Use column headers as labels",
|
||||||
|
type: "boolean",
|
||||||
|
value: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "X label",
|
||||||
|
type: "string",
|
||||||
|
value: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Y label",
|
||||||
|
type: "string",
|
||||||
|
value: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Colour",
|
||||||
|
type: "string",
|
||||||
|
value: COLOURS.max,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Point radius",
|
||||||
|
type: "number",
|
||||||
|
value: 10,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Use colour from third column",
|
||||||
|
type: "boolean",
|
||||||
|
value: false,
|
||||||
|
}
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Scatter chart operation.
|
||||||
|
*
|
||||||
|
* @param {string} input
|
||||||
|
* @param {Object[]} args
|
||||||
|
* @returns {html}
|
||||||
|
*/
|
||||||
|
run(input, args) {
|
||||||
|
const recordDelimiter = Utils.charRep(args[0]),
|
||||||
|
fieldDelimiter = Utils.charRep(args[1]),
|
||||||
|
columnHeadingsAreIncluded = args[2],
|
||||||
|
fillColour = args[5],
|
||||||
|
radius = args[6],
|
||||||
|
colourInInput = args[7],
|
||||||
|
dimension = 500;
|
||||||
|
|
||||||
|
let xLabel = args[3],
|
||||||
|
yLabel = args[4];
|
||||||
|
|
||||||
|
const dataFunction = colourInInput ? getScatterValuesWithColour : getScatterValues;
|
||||||
|
const { headings, values } = dataFunction(
|
||||||
|
input,
|
||||||
|
recordDelimiter,
|
||||||
|
fieldDelimiter,
|
||||||
|
columnHeadingsAreIncluded
|
||||||
|
);
|
||||||
|
|
||||||
|
if (headings) {
|
||||||
|
xLabel = headings.x;
|
||||||
|
yLabel = headings.y;
|
||||||
|
}
|
||||||
|
|
||||||
|
const document = new nodom.Document();
|
||||||
|
let svg = document.createElement("svg");
|
||||||
|
svg = d3.select(svg)
|
||||||
|
.attr("width", "100%")
|
||||||
|
.attr("height", "100%")
|
||||||
|
.attr("viewBox", `0 0 ${dimension} ${dimension}`);
|
||||||
|
|
||||||
|
const margin = {
|
||||||
|
top: 10,
|
||||||
|
right: 0,
|
||||||
|
bottom: 40,
|
||||||
|
left: 30,
|
||||||
|
},
|
||||||
|
width = dimension - margin.left - margin.right,
|
||||||
|
height = dimension - margin.top - margin.bottom,
|
||||||
|
marginedSpace = svg.append("g")
|
||||||
|
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
|
||||||
|
|
||||||
|
const xExtent = d3.extent(values, d => d[0]),
|
||||||
|
xDelta = xExtent[1] - xExtent[0],
|
||||||
|
yExtent = d3.extent(values, d => d[1]),
|
||||||
|
yDelta = yExtent[1] - yExtent[0],
|
||||||
|
xAxis = d3.scaleLinear()
|
||||||
|
.domain([xExtent[0] - (0.1 * xDelta), xExtent[1] + (0.1 * xDelta)])
|
||||||
|
.range([0, width]),
|
||||||
|
yAxis = d3.scaleLinear()
|
||||||
|
.domain([yExtent[0] - (0.1 * yDelta), yExtent[1] + (0.1 * yDelta)])
|
||||||
|
.range([height, 0]);
|
||||||
|
|
||||||
|
marginedSpace.append("clipPath")
|
||||||
|
.attr("id", "clip")
|
||||||
|
.append("rect")
|
||||||
|
.attr("width", width)
|
||||||
|
.attr("height", height);
|
||||||
|
|
||||||
|
marginedSpace.append("g")
|
||||||
|
.attr("class", "points")
|
||||||
|
.attr("clip-path", "url(#clip)")
|
||||||
|
.selectAll("circle")
|
||||||
|
.data(values)
|
||||||
|
.enter()
|
||||||
|
.append("circle")
|
||||||
|
.attr("cx", (d) => xAxis(d[0]))
|
||||||
|
.attr("cy", (d) => yAxis(d[1]))
|
||||||
|
.attr("r", d => radius)
|
||||||
|
.attr("fill", d => {
|
||||||
|
return colourInInput ? d[2] : fillColour;
|
||||||
|
})
|
||||||
|
.attr("stroke", "rgba(0, 0, 0, 0.5)")
|
||||||
|
.attr("stroke-width", "0.5")
|
||||||
|
.append("title")
|
||||||
|
.text(d => {
|
||||||
|
const x = d[0],
|
||||||
|
y = d[1],
|
||||||
|
tooltip = `X: ${x}\n
|
||||||
|
Y: ${y}\n
|
||||||
|
`.replace(/\s{2,}/g, "\n");
|
||||||
|
return tooltip;
|
||||||
|
});
|
||||||
|
|
||||||
|
marginedSpace.append("g")
|
||||||
|
.attr("class", "axis axis--y")
|
||||||
|
.call(d3.axisLeft(yAxis).tickSizeOuter(-width));
|
||||||
|
|
||||||
|
svg.append("text")
|
||||||
|
.attr("transform", "rotate(-90)")
|
||||||
|
.attr("y", -margin.left)
|
||||||
|
.attr("x", -(height / 2))
|
||||||
|
.attr("dy", "1em")
|
||||||
|
.style("text-anchor", "middle")
|
||||||
|
.text(yLabel);
|
||||||
|
|
||||||
|
marginedSpace.append("g")
|
||||||
|
.attr("class", "axis axis--x")
|
||||||
|
.attr("transform", "translate(0," + height + ")")
|
||||||
|
.call(d3.axisBottom(xAxis).tickSizeOuter(-height));
|
||||||
|
|
||||||
|
svg.append("text")
|
||||||
|
.attr("x", width / 2)
|
||||||
|
.attr("y", dimension)
|
||||||
|
.style("text-anchor", "middle")
|
||||||
|
.text(xLabel);
|
||||||
|
|
||||||
|
return svg._groups[0][0].outerHTML;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default ScatterChart;
|
||||||
227
src/core/operations/SeriesChart.mjs
Normal file
227
src/core/operations/SeriesChart.mjs
Normal file
@ -0,0 +1,227 @@
|
|||||||
|
/**
|
||||||
|
* @author tlwr [toby@toby.codes]
|
||||||
|
* @author Matt C [me@mitt.dev]
|
||||||
|
* @copyright Crown Copyright 2019
|
||||||
|
* @license Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
import * as d3temp from "d3";
|
||||||
|
import * as nodomtemp from "nodom";
|
||||||
|
import { getSeriesValues, RECORD_DELIMITER_OPTIONS, FIELD_DELIMITER_OPTIONS } from "../lib/Charts";
|
||||||
|
|
||||||
|
import Operation from "../Operation";
|
||||||
|
import Utils from "../Utils";
|
||||||
|
|
||||||
|
const d3 = d3temp.default ? d3temp.default : d3temp;
|
||||||
|
const nodom = nodomtemp.default ? nodomtemp.default: nodomtemp;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Series chart operation
|
||||||
|
*/
|
||||||
|
class SeriesChart extends Operation {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* SeriesChart constructor
|
||||||
|
*/
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
|
||||||
|
this.name = "Series chart";
|
||||||
|
this.module = "Charts";
|
||||||
|
this.description = "A time series graph is a line graph of repeated measurements taken over regular time intervals.";
|
||||||
|
this.inputType = "string";
|
||||||
|
this.outputType = "html";
|
||||||
|
this.args = [
|
||||||
|
{
|
||||||
|
name: "Record delimiter",
|
||||||
|
type: "option",
|
||||||
|
value: RECORD_DELIMITER_OPTIONS,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Field delimiter",
|
||||||
|
type: "option",
|
||||||
|
value: FIELD_DELIMITER_OPTIONS,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "X label",
|
||||||
|
type: "string",
|
||||||
|
value: "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Point radius",
|
||||||
|
type: "number",
|
||||||
|
value: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Series colours",
|
||||||
|
type: "string",
|
||||||
|
value: "mediumseagreen, dodgerblue, tomato",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Series chart operation.
|
||||||
|
*
|
||||||
|
* @param {string} input
|
||||||
|
* @param {Object[]} args
|
||||||
|
* @returns {html}
|
||||||
|
*/
|
||||||
|
run(input, args) {
|
||||||
|
const recordDelimiter = Utils.charRep(args[0]),
|
||||||
|
fieldDelimiter = Utils.charRep(args[1]),
|
||||||
|
xLabel = args[2],
|
||||||
|
pipRadius = args[3],
|
||||||
|
seriesColours = args[4].split(","),
|
||||||
|
svgWidth = 500,
|
||||||
|
interSeriesPadding = 20,
|
||||||
|
xAxisHeight = 50,
|
||||||
|
seriesLabelWidth = 50,
|
||||||
|
seriesHeight = 100,
|
||||||
|
seriesWidth = svgWidth - seriesLabelWidth - interSeriesPadding;
|
||||||
|
|
||||||
|
const { xValues, series } = getSeriesValues(input, recordDelimiter, fieldDelimiter),
|
||||||
|
allSeriesHeight = Object.keys(series).length * (interSeriesPadding + seriesHeight),
|
||||||
|
svgHeight = allSeriesHeight + xAxisHeight + interSeriesPadding;
|
||||||
|
|
||||||
|
const document = new nodom.Document();
|
||||||
|
let svg = document.createElement("svg");
|
||||||
|
svg = d3.select(svg)
|
||||||
|
.attr("width", "100%")
|
||||||
|
.attr("height", "100%")
|
||||||
|
.attr("viewBox", `0 0 ${svgWidth} ${svgHeight}`);
|
||||||
|
|
||||||
|
const xAxis = d3.scalePoint()
|
||||||
|
.domain(xValues)
|
||||||
|
.range([0, seriesWidth]);
|
||||||
|
|
||||||
|
svg.append("g")
|
||||||
|
.attr("class", "axis axis--x")
|
||||||
|
.attr("transform", `translate(${seriesLabelWidth}, ${xAxisHeight})`)
|
||||||
|
.call(
|
||||||
|
d3.axisTop(xAxis).tickValues(xValues.filter((x, i) => {
|
||||||
|
return [0, Math.round(xValues.length / 2), xValues.length -1].indexOf(i) >= 0;
|
||||||
|
}))
|
||||||
|
);
|
||||||
|
|
||||||
|
svg.append("text")
|
||||||
|
.attr("x", svgWidth / 2)
|
||||||
|
.attr("y", xAxisHeight / 2)
|
||||||
|
.style("text-anchor", "middle")
|
||||||
|
.text(xLabel);
|
||||||
|
|
||||||
|
const tooltipText = {},
|
||||||
|
tooltipAreaWidth = seriesWidth / xValues.length;
|
||||||
|
|
||||||
|
xValues.forEach(x => {
|
||||||
|
const tooltip = [];
|
||||||
|
|
||||||
|
series.forEach(serie => {
|
||||||
|
const y = serie.data[x];
|
||||||
|
if (typeof y === "undefined") return;
|
||||||
|
|
||||||
|
tooltip.push(`${serie.name}: ${y}`);
|
||||||
|
});
|
||||||
|
|
||||||
|
tooltipText[x] = tooltip.join("\n");
|
||||||
|
});
|
||||||
|
|
||||||
|
const chartArea = svg.append("g")
|
||||||
|
.attr("transform", `translate(${seriesLabelWidth}, ${xAxisHeight})`);
|
||||||
|
|
||||||
|
chartArea
|
||||||
|
.append("g")
|
||||||
|
.selectAll("rect")
|
||||||
|
.data(xValues)
|
||||||
|
.enter()
|
||||||
|
.append("rect")
|
||||||
|
.attr("x", x => {
|
||||||
|
return xAxis(x) - (tooltipAreaWidth / 2);
|
||||||
|
})
|
||||||
|
.attr("y", 0)
|
||||||
|
.attr("width", tooltipAreaWidth)
|
||||||
|
.attr("height", allSeriesHeight)
|
||||||
|
.attr("stroke", "none")
|
||||||
|
.attr("fill", "transparent")
|
||||||
|
.append("title")
|
||||||
|
.text(x => {
|
||||||
|
return `${x}\n
|
||||||
|
--\n
|
||||||
|
${tooltipText[x]}\n
|
||||||
|
`.replace(/\s{2,}/g, "\n");
|
||||||
|
});
|
||||||
|
|
||||||
|
const yAxesArea = svg.append("g")
|
||||||
|
.attr("transform", `translate(0, ${xAxisHeight})`);
|
||||||
|
|
||||||
|
series.forEach((serie, seriesIndex) => {
|
||||||
|
const yExtent = d3.extent(Object.values(serie.data)),
|
||||||
|
yAxis = d3.scaleLinear()
|
||||||
|
.domain(yExtent)
|
||||||
|
.range([seriesHeight, 0]);
|
||||||
|
|
||||||
|
const seriesGroup = chartArea
|
||||||
|
.append("g")
|
||||||
|
.attr("transform", `translate(0, ${seriesHeight * seriesIndex + interSeriesPadding * (seriesIndex + 1)})`);
|
||||||
|
|
||||||
|
let path = "";
|
||||||
|
xValues.forEach((x, xIndex) => {
|
||||||
|
let nextX = xValues[xIndex + 1],
|
||||||
|
y = serie.data[x],
|
||||||
|
nextY= serie.data[nextX];
|
||||||
|
|
||||||
|
if (typeof y === "undefined" || typeof nextY === "undefined") return;
|
||||||
|
|
||||||
|
x = xAxis(x); nextX = xAxis(nextX);
|
||||||
|
y = yAxis(y); nextY = yAxis(nextY);
|
||||||
|
|
||||||
|
path += `M ${x} ${y} L ${nextX} ${nextY} z `;
|
||||||
|
});
|
||||||
|
|
||||||
|
seriesGroup
|
||||||
|
.append("path")
|
||||||
|
.attr("d", path)
|
||||||
|
.attr("fill", "none")
|
||||||
|
.attr("stroke", seriesColours[seriesIndex % seriesColours.length])
|
||||||
|
.attr("stroke-width", "1");
|
||||||
|
|
||||||
|
xValues.forEach(x => {
|
||||||
|
const y = serie.data[x];
|
||||||
|
if (typeof y === "undefined") return;
|
||||||
|
|
||||||
|
seriesGroup
|
||||||
|
.append("circle")
|
||||||
|
.attr("cx", xAxis(x))
|
||||||
|
.attr("cy", yAxis(y))
|
||||||
|
.attr("r", pipRadius)
|
||||||
|
.attr("fill", seriesColours[seriesIndex % seriesColours.length])
|
||||||
|
.append("title")
|
||||||
|
.text(d => {
|
||||||
|
return `${x}\n
|
||||||
|
--\n
|
||||||
|
${tooltipText[x]}\n
|
||||||
|
`.replace(/\s{2,}/g, "\n");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
yAxesArea
|
||||||
|
.append("g")
|
||||||
|
.attr("transform", `translate(${seriesLabelWidth - interSeriesPadding}, ${seriesHeight * seriesIndex + interSeriesPadding * (seriesIndex + 1)})`)
|
||||||
|
.attr("class", "axis axis--y")
|
||||||
|
.call(d3.axisLeft(yAxis).ticks(5));
|
||||||
|
|
||||||
|
yAxesArea
|
||||||
|
.append("g")
|
||||||
|
.attr("transform", `translate(0, ${seriesHeight / 2 + seriesHeight * seriesIndex + interSeriesPadding * (seriesIndex + 1)})`)
|
||||||
|
.append("text")
|
||||||
|
.style("text-anchor", "middle")
|
||||||
|
.attr("transform", "rotate(-90)")
|
||||||
|
.text(serie.name);
|
||||||
|
});
|
||||||
|
|
||||||
|
return svg._groups[0][0].outerHTML;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SeriesChart;
|
||||||
@ -5,7 +5,6 @@
|
|||||||
* @copyright Crown Copyright 2017
|
* @copyright Crown Copyright 2017
|
||||||
* @license Apache-2.0
|
* @license Apache-2.0
|
||||||
*/
|
*/
|
||||||
import "babel-polyfill";
|
|
||||||
|
|
||||||
// Define global environment functions
|
// Define global environment functions
|
||||||
global.ENVIRONMENT_IS_WORKER = function() {
|
global.ENVIRONMENT_IS_WORKER = function() {
|
||||||
|
|||||||
@ -81,6 +81,10 @@ class SeasonalWaiter {
|
|||||||
</div>`;
|
</div>`;
|
||||||
optionsBody.appendChild(optionItem);
|
optionsBody.appendChild(optionItem);
|
||||||
|
|
||||||
|
if (!this.app.options.hasOwnProperty("clippy")) {
|
||||||
|
this.app.options.clippy = true;
|
||||||
|
}
|
||||||
|
|
||||||
this.manager.options.load();
|
this.manager.options.load();
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -95,7 +99,7 @@ class SeasonalWaiter {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (!this.app.options.clippy) {
|
if (!this.app.options.clippy) {
|
||||||
this.clippyTimeouts.forEach(t => clearTimeout(t));
|
if (this.clippyTimeouts) this.clippyTimeouts.forEach(t => clearTimeout(t));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -8,7 +8,6 @@
|
|||||||
import "./stylesheets/index.js";
|
import "./stylesheets/index.js";
|
||||||
|
|
||||||
// Libs
|
// Libs
|
||||||
import "babel-polyfill";
|
|
||||||
import "arrive";
|
import "arrive";
|
||||||
import "snackbarjs";
|
import "snackbarjs";
|
||||||
import "bootstrap-material-design";
|
import "bootstrap-material-design";
|
||||||
|
|||||||
@ -10,7 +10,6 @@
|
|||||||
* @copyright Crown Copyright 2017
|
* @copyright Crown Copyright 2017
|
||||||
* @license Apache-2.0
|
* @license Apache-2.0
|
||||||
*/
|
*/
|
||||||
import "babel-polyfill";
|
|
||||||
|
|
||||||
// Define global environment functions
|
// Define global environment functions
|
||||||
global.ENVIRONMENT_IS_WORKER = function() {
|
global.ENVIRONMENT_IS_WORKER = function() {
|
||||||
@ -33,6 +32,7 @@ import "./tests/BitwiseOp";
|
|||||||
import "./tests/ByteRepr";
|
import "./tests/ByteRepr";
|
||||||
import "./tests/CartesianProduct";
|
import "./tests/CartesianProduct";
|
||||||
import "./tests/CharEnc";
|
import "./tests/CharEnc";
|
||||||
|
import "./tests/Charts";
|
||||||
import "./tests/Checksum";
|
import "./tests/Checksum";
|
||||||
import "./tests/Ciphers";
|
import "./tests/Ciphers";
|
||||||
import "./tests/Code";
|
import "./tests/Code";
|
||||||
@ -87,6 +87,8 @@ import "./tests/Enigma";
|
|||||||
import "./tests/Bombe";
|
import "./tests/Bombe";
|
||||||
import "./tests/MultipleBombe";
|
import "./tests/MultipleBombe";
|
||||||
import "./tests/Typex";
|
import "./tests/Typex";
|
||||||
|
import "./tests/BLAKE2b";
|
||||||
|
import "./tests/BLAKE2s";
|
||||||
|
|
||||||
// Cannot test operations that use the File type yet
|
// Cannot test operations that use the File type yet
|
||||||
//import "./tests/SplitColourChannels";
|
//import "./tests/SplitColourChannels";
|
||||||
|
|||||||
56
tests/operations/tests/BLAKE2b.mjs
Normal file
56
tests/operations/tests/BLAKE2b.mjs
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
/**
|
||||||
|
* BitwiseOp tests
|
||||||
|
*
|
||||||
|
* @author h345983745
|
||||||
|
* @copyright Crown Copyright 2019
|
||||||
|
* @license Apache-2.0
|
||||||
|
*/
|
||||||
|
import TestRegister from "../TestRegister";
|
||||||
|
|
||||||
|
TestRegister.addTests([
|
||||||
|
{
|
||||||
|
name: "BLAKE2b: 512 - Hello World",
|
||||||
|
input: "Hello World",
|
||||||
|
expectedOutput: "4386a08a265111c9896f56456e2cb61a64239115c4784cf438e36cc851221972da3fb0115f73cd02486254001f878ab1fd126aac69844ef1c1ca152379d0a9bd",
|
||||||
|
recipeConfig: [
|
||||||
|
{ "op": "BLAKE2b",
|
||||||
|
"args": ["512", "Hex", {string: "", option: "UTF8"}] }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "BLAKE2b: 384 - Hello World",
|
||||||
|
input: "Hello World",
|
||||||
|
expectedOutput: "4d388e82ca8f866e606b6f6f0be910abd62ad6e98c0adfc27cf35acf948986d5c5b9c18b6f47261e1e679eb98edf8e2d",
|
||||||
|
recipeConfig: [
|
||||||
|
{ "op": "BLAKE2b",
|
||||||
|
"args": ["384", "Hex", {string: "", option: "UTF8"}] }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "BLAKE2b: 256 - Hello World",
|
||||||
|
input: "Hello World",
|
||||||
|
expectedOutput: "1dc01772ee0171f5f614c673e3c7fa1107a8cf727bdf5a6dadb379e93c0d1d00",
|
||||||
|
recipeConfig: [
|
||||||
|
{ "op": "BLAKE2b",
|
||||||
|
"args": ["256", "Hex", {string: "", option: "UTF8"}] }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "BLAKE2b: 160 - Hello World",
|
||||||
|
input: "Hello World",
|
||||||
|
expectedOutput: "6a8489e6fd6e51fae12ab271ec7fc8134dd5d737",
|
||||||
|
recipeConfig: [
|
||||||
|
{ "op": "BLAKE2b",
|
||||||
|
"args": ["160", "Hex", {string: "", option: "UTF8"}] }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "BLAKE2b: Key Test",
|
||||||
|
input: "message data",
|
||||||
|
expectedOutput: "3d363ff7401e02026f4a4687d4863ced",
|
||||||
|
recipeConfig: [
|
||||||
|
{ "op": "BLAKE2b",
|
||||||
|
"args": ["128", "Hex", {string: "pseudorandom key", option: "UTF8"}] }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]);
|
||||||
47
tests/operations/tests/BLAKE2s.mjs
Executable file
47
tests/operations/tests/BLAKE2s.mjs
Executable file
@ -0,0 +1,47 @@
|
|||||||
|
/**
|
||||||
|
* BitwiseOp tests
|
||||||
|
*
|
||||||
|
* @author h345983745
|
||||||
|
* @copyright Crown Copyright 2019
|
||||||
|
* @license Apache-2.0
|
||||||
|
*/
|
||||||
|
import TestRegister from "../TestRegister";
|
||||||
|
|
||||||
|
TestRegister.addTests([
|
||||||
|
{
|
||||||
|
name: "BLAKE2s: 256 - Hello World",
|
||||||
|
input: "Hello World",
|
||||||
|
expectedOutput: "7706af019148849e516f95ba630307a2018bb7bf03803eca5ed7ed2c3c013513",
|
||||||
|
recipeConfig: [
|
||||||
|
{ "op": "BLAKE2s",
|
||||||
|
"args": ["256", "Hex", {string: "", option: "UTF8"}] }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "BLAKE2s: 160 - Hello World",
|
||||||
|
input: "Hello World",
|
||||||
|
expectedOutput: "0e4fcfc2ee0097ac1d72d70b595a39e09a3c7c7e",
|
||||||
|
recipeConfig: [
|
||||||
|
{ "op": "BLAKE2s",
|
||||||
|
"args": ["160", "Hex", {string: "", option: "UTF8"}] }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "BLAKE2s: 128 - Hello World",
|
||||||
|
input: "Hello World",
|
||||||
|
expectedOutput: "9964ee6f36126626bf864363edfa96f6",
|
||||||
|
recipeConfig: [
|
||||||
|
{ "op": "BLAKE2s",
|
||||||
|
"args": ["128", "Hex", {string: "", option: "UTF8"}] }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "BLAKE2s: Key Test",
|
||||||
|
input: "Hello World",
|
||||||
|
expectedOutput: "9964ee6f36126626bf864363edfa96f6",
|
||||||
|
recipeConfig: [
|
||||||
|
{ "op": "BLAKE2s",
|
||||||
|
"args": ["128", "Hex", {string: "", option: "UTF8"}] }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]);
|
||||||
55
tests/operations/tests/Charts.mjs
Normal file
55
tests/operations/tests/Charts.mjs
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
/**
|
||||||
|
* Chart tests.
|
||||||
|
*
|
||||||
|
* @author Matt C [me@mitt.dev]
|
||||||
|
* @copyright Crown Copyright 2019
|
||||||
|
* @license Apache-2.0
|
||||||
|
*/
|
||||||
|
import TestRegister from "../TestRegister";
|
||||||
|
|
||||||
|
TestRegister.addTests([
|
||||||
|
{
|
||||||
|
name: "Scatter chart",
|
||||||
|
input: "100 100\n200 200\n300 300\n400 400\n500 500",
|
||||||
|
expectedMatch: /^<svg width/,
|
||||||
|
recipeConfig: [
|
||||||
|
{
|
||||||
|
"op": "Scatter chart",
|
||||||
|
"args": ["Line feed", "Space", false, "time", "stress", "black", 5, false]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Hex density chart",
|
||||||
|
input: "100 100\n200 200\n300 300\n400 400\n500 500",
|
||||||
|
expectedMatch: /^<svg width/,
|
||||||
|
recipeConfig: [
|
||||||
|
{
|
||||||
|
"op": "Hex Density chart",
|
||||||
|
"args": ["Line feed", "Space", 25, 15, true, "", "", true, "white", "black", true]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Series chart",
|
||||||
|
input: "100 100 100\n200 200 200\n300 300 300\n400 400 400\n500 500 500",
|
||||||
|
expectedMatch: /^<svg width/,
|
||||||
|
recipeConfig: [
|
||||||
|
{
|
||||||
|
"op": "Series chart",
|
||||||
|
"args": ["Line feed", "Space", "", 1, "mediumseagreen, dodgerblue, tomato"]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Heatmap chart",
|
||||||
|
input: "100 100\n200 200\n300 300\n400 400\n500 500",
|
||||||
|
expectedMatch: /^<svg width/,
|
||||||
|
recipeConfig: [
|
||||||
|
{
|
||||||
|
"op": "Heatmap chart",
|
||||||
|
"args": ["Line feed", "Space", 25, 25, true, "", "", false, "white", "black"]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]);
|
||||||
@ -133,11 +133,15 @@ module.exports = {
|
|||||||
warningsFilter: [
|
warningsFilter: [
|
||||||
/source-map/,
|
/source-map/,
|
||||||
/dependency is an expression/,
|
/dependency is an expression/,
|
||||||
/export 'default'/
|
/export 'default'/,
|
||||||
|
/Can't resolve 'sodium'/
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
node: {
|
node: {
|
||||||
fs: "empty"
|
fs: "empty",
|
||||||
|
"child_process": "empty",
|
||||||
|
net: "empty",
|
||||||
|
tls: "empty"
|
||||||
},
|
},
|
||||||
performance: {
|
performance: {
|
||||||
hints: false
|
hints: false
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user