Gathering detailed insights and metrics for d3plus-color
Gathering detailed insights and metrics for d3plus-color
Installations
npm install d3plus-colorDeveloper Guide
BETA
Typescript
No
Module System
ESM
Node Version
16.16.0
NPM Version
8.17.0
Score
77
Supply Chain
99.5
Quality
75.8
Maintenance
100
Vulnerability
100
License
Releases
24
Languages
1
JavaScript
JavaScript (100%)
Developer
d3plus
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
7 Stars
174 Commits
6 Watchers
1 Branches
7 Contributors
Updated on Jun 26, 2025
Bundle Size
10.53 kB
Minified
4.19 kB
Minified + Gzipped
Maintainers
1
Package Meta Information
Latest Version
1.1.2
Package Id
d3plus-color@1.1.2
Unpacked Size
360.79 kB
Size
94.72 kB
File Count
14
NPM Version
8.17.0
Node Version
16.16.0
Published on
Jan 25, 2023
Total Downloads
Cumulative downloads
Total Downloads
NaN
Dev Dependencies
1
d3plus-color
Color functions that extent the ability of d3-color.
Installing
If using npm, npm install d3plus-color. Otherwise, you can download the latest release from GitHub or load from a CDN.
1import modules from "d3plus-color";
d3plus-color 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:
1<script src="https://cdn.jsdelivr.net/npm/d3plus-color@1"></script> 2<script> 3 console.log(d3plus); 4</script>
Examples
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:
API Reference
- colorAdd - Adds two colors together.
- colorAssign - Assigns a color to a value using a predefined set of defaults.
- colorContrast - A set of default color values used when assigning colors based on data.
- colorLegible - Darkens a color so that it will appear legible on a white background.
- colorLighter - Similar to d3.color.brighter, except that this also reduces saturation so that colors don't appear neon.
- colorSubtract - Subtracts one color from another.
- colorDefaults - A set of default color values used when assigning colors based on data.
| Name | Default | Description |
|---|---|---|
| dark | "#555555" | Used in the contrast function when the color given is very light. |
| light | "#f7f7f7" | Used in the contrast function when the color given is very dark. |
| missing | "#cccccc" | Used in the assign function when the value passed is null or undefined. |
| off | "#C44536" | Used in the assign function when the value passed is false. |
| on | "#6A994E" | Used in the assign function when the value passed is true. |
| scale | "#4281A4", "#F6AE2D", "#C44536", "#2A9D8F", "#6A994E", "#CEB54A", "#5E548E", "#C08497", "#99582A", "#8C8C99", "#1D3557", "#D08C60", "#6D2E46", "#8BB19C", "#52796F", "#5E60CE", "#985277", "#5C374C" | An ordinal scale used in the assign function for non-valid color strings and numbers. |
d3plus.colorAdd(c1, c2, [o1], [o2]) <>
Adds two colors together.
This is a global function.
| Param | Type | Default | Description |
|---|---|---|---|
| c1 | String | The first color, a valid CSS color string. | |
| c2 | String | The second color, also a valid CSS color string. | |
| [o1] | String | 1 | Value from 0 to 1 of the first color's opacity. |
| [o2] | String | 1 | Value from 0 to 1 of the first color's opacity. |
d3plus.colorAssign(c, [u]) <>
Assigns a color to a value using a predefined set of defaults.
This is a global function.
| Param | Type | Default | Description |
|---|---|---|---|
| c | String | A valid CSS color string. | |
| [u] | Object | defaults | An object containing overrides of the default colors. |
d3plus.colorContrast(c, [u]) <>
A set of default color values used when assigning colors based on data.
This is a global function.
| Param | Type | Default | Description |
|---|---|---|---|
| c | String | A valid CSS color string. | |
| [u] | Object | defaults | An object containing overrides of the default colors. |
d3plus.colorLegible(c) <>
Darkens a color so that it will appear legible on a white background.
This is a global function.
d3plus.colorLighter(c, [i]) <>
Similar to d3.color.brighter, except that this also reduces saturation so that colors don't appear neon.
This is a global function.
| Param | Type | Default | Description |
|---|---|---|---|
| c | String | A valid CSS color string. | |
| [i] | String | 0.5 | A value from 0 to 1 dictating the strength of the function. |
d3plus.colorSubtract(c1, c2, [o1], [o2]) <>
Subtracts one color from another.
This is a global function.
| Param | Type | Default | Description |
|---|---|---|---|
| c1 | String | The base color, a valid CSS color string. | |
| c2 | String | The color to remove from the base color, also a valid CSS color string. | |
| [o1] | String | 1 | Value from 0 to 1 of the first color's opacity. |
| [o2] | String | 1 | Value from 0 to 1 of the first color's opacity. |
colorDefaults <>
A set of default color values used when assigning colors based on data.
| Name | Default | Description |
|---|---|---|
| dark | "#555555" | Used in the contrast function when the color given is very light. |
| light | "#f7f7f7" | Used in the contrast function when the color given is very dark. |
| missing | "#cccccc" | Used in the assign function when the value passed is null or undefined. |
| off | "#C44536" | Used in the assign function when the value passed is false. |
| on | "#6A994E" | Used in the assign function when the value passed is true. |
| scale | "#4281A4", "#F6AE2D", "#C44536", "#2A9D8F", "#6A994E", "#CEB54A", "#5E548E", "#C08497", "#99582A", "#8C8C99", "#1D3557", "#D08C60", "#6D2E46", "#8BB19C", "#52796F", "#5E60CE", "#985277", "#5C374C" | An ordinal scale used in the assign function for non-valid color strings and numbers. |
This is a global namespace.
Documentation generated on Wed, 25 Jan 2023 00:09:27 GMT
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
dependency not pinned by hash detected -- score normalized to 3
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/NodeCI.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/d3plus/d3plus-color/NodeCI.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/NodeCI.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/d3plus/d3plus-color/NodeCI.yml/main?enable=pin
- Info: 0 out of 2 GitHub-owned GitHubAction dependencies pinned
- Info: 1 out of 1 npmCommand dependencies pinned
Reason
project is archived
Details
- Warn: Repository is archived.
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: no topLevel permission defined: .github/workflows/NodeCI.yml:1
- Info: no jobLevel write permissions found
Reason
Found 0/30 approved changesets -- score normalized to 0
Reason
no SAST tool detected
Details
- Warn: no pull requests merged into dev branch
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
Project has not signed or included provenance with any releases.
Details
- Warn: release artifact v1.1.2 not signed: https://api.github.com/repos/d3plus/d3plus-color/releases/90117038
- Warn: release artifact v1.1.1 not signed: https://api.github.com/repos/d3plus/d3plus-color/releases/90112585
- Warn: release artifact v1.1.0 not signed: https://api.github.com/repos/d3plus/d3plus-color/releases/87949980
- Warn: release artifact v1.0.0 not signed: https://api.github.com/repos/d3plus/d3plus-color/releases/37238745
- Warn: release artifact v0.7.0 not signed: https://api.github.com/repos/d3plus/d3plus-color/releases/28560690
- Warn: release artifact v1.1.2 does not have provenance: https://api.github.com/repos/d3plus/d3plus-color/releases/90117038
- Warn: release artifact v1.1.1 does not have provenance: https://api.github.com/repos/d3plus/d3plus-color/releases/90112585
- Warn: release artifact v1.1.0 does not have provenance: https://api.github.com/repos/d3plus/d3plus-color/releases/87949980
- Warn: release artifact v1.0.0 does not have provenance: https://api.github.com/repos/d3plus/d3plus-color/releases/37238745
- Warn: release artifact v0.7.0 does not have provenance: https://api.github.com/repos/d3plus/d3plus-color/releases/28560690
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'main'
Reason
19 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-h5c3-5r3r-rr8q
- Warn: Project is vulnerable to: GHSA-rmvr-2pp2-xj38
- Warn: Project is vulnerable to: GHSA-xx4v-prfh-6cgc
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
- Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-76p7-773f-r4q5
- Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
- Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
- Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Score
2.5
/10
Last Scanned on 2025-06-30
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More