Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
d3plus-matrix
Advanced tools
Row/column layouts
If using npm, npm install d3plus-matrix
. Otherwise, you can download the latest release from GitHub or load from a CDN.
import modules from "d3plus-matrix";
d3plus-matrix can be loaded as a standalone library or bundled as part of D3plus. ES modules, AMD, CommonJS, and vanilla environments are supported. In vanilla, a d3plus
global is exported:
<script src="https://cdn.jsdelivr.net/npm/d3plus-matrix@1"></script>
<script>
console.log(d3plus);
</script>
Live examples can be found on d3plus.org, which includes a collection of example visualizations using d3plus-react. These examples are powered by the d3plus-storybook repo, and PRs are always welcome. :beers:
This is a global class, and extends all of the methods and functionality of Viz
.
Viz
# new Matrix()
Creates a simple rows/columns Matrix view of any dataset. See this example for help getting started using the Matrix class.
# Matrix.cellPadding([value]) <>
The pixel padding in between each cell.
This is a static method of Matrix
.
Determines which key in your data should be used for each column in the matrix. Can be either a String that matches a key used in every data point, or an accessor function that receives a data point and it's index in the data array, and is expected to return it's column value.
This is a static method of Matrix
.
function column(d) {
return d.name;
}
# Matrix.columnConfig(value) <>
A pass-through to the underlying Axis config used for the column labels.
This is a static method of Matrix
, and is chainable with other methods of this Class.
# Matrix.columnList([value]) <>
A manual list of IDs to be used for columns.
This is a static method of Matrix
.
# Matrix.columnSort([value]) <>
A sort comparator function that is run on the unique set of column values.
This is a static method of Matrix
.
function column(a, b) {
return a.localeCompare(b);
}
Determines which key in your data should be used for each row in the matrix. Can be either a String that matches a key used in every data point, or an accessor function that receives a data point and it's index in the data array, and is expected to return it's row value.
This is a static method of Matrix
.
function row(d) {
return d.name;
}
A pass-through to the underlying Axis config used for the row labels.
This is a static method of Matrix
, and is chainable with other methods of this Class.
A manual list of IDs to be used for rows.
This is a static method of Matrix
.
A sort comparator function that is run on the unique set of row values.
This is a static method of Matrix
.
function row(a, b) {
return a.localeCompare(b);
}
This is a global class, and extends all of the methods and functionality of Viz
.
Viz
# new RadialMatrix()
Creates a radial layout of a rows/columns Matrix of any dataset. See this example for help getting started using the Matrix class.
# RadialMatrix.cellPadding([value]) <>
The pixel padding in between each cell.
This is a static method of RadialMatrix
.
# RadialMatrix.column([value]) <>
Determines which key in your data should be used for each column in the matrix. Can be either a String that matches a key used in every data point, or an accessor function that receives a data point and it's index in the data array, and is expected to return it's column value.
This is a static method of RadialMatrix
.
function column(d) {
return d.name;
}
# RadialMatrix.columnConfig(value) <>
A pass-through to the underlying Axis config used for the column labels.
This is a static method of RadialMatrix
, and is chainable with other methods of this Class.
# RadialMatrix.columnList([value]) <>
A manual list of IDs to be used for columns.
This is a static method of RadialMatrix
.
# RadialMatrix.columnSort([value]) <>
A sort comparator function that is run on the unique set of column values.
This is a static method of RadialMatrix
.
function column(a, b) {
return a.localeCompare(b);
}
# RadialMatrix.innerRadius([value]) <>
The radius (in pixels) for the inner donut hole of the diagram. Can either be a static Number, or an accessor function that receives the outer radius as it's only argument.
This is a static method of RadialMatrix
.
function(outerRadius) {
return outerRadius / 5;
}
# RadialMatrix.row([value]) <>
Determines which key in your data should be used for each row in the matrix. Can be either a String that matches a key used in every data point, or an accessor function that receives a data point and it's index in the data array, and is expected to return it's row value.
This is a static method of RadialMatrix
.
function row(d) {
return d.name;
}
# RadialMatrix.rowList([value]) <>
A manual list of IDs to be used for rows.
This is a static method of RadialMatrix
.
# RadialMatrix.rowSort([value]) <>
A sort comparator function that is run on the unique set of row values.
This is a static method of RadialMatrix
.
function row(a, b) {
return a.localeCompare(b);
}
FAQs
Row/column layouts
We found that d3plus-matrix demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.