npmpackage.info

Gathering detailed insights and metrics for d3plus-color

Other packages similar to d3plus-color

d3plus-common

1.2.8

Common functions and methods used across D3plus modules.

d3plus-text

1.2.5

A smart SVG text box with line wrapping and automatic font size scaling.

d3plus-legend

1.2.2

An easy to use javascript chart legend.

d3plus-timeline

1.1.4

An easy-to-use javascript timeline.

Gathering detailed insights and metrics for d3plus-color

d3plus-color

Class that allows for advanced color manipulation

1.1.2

MIT

JavaScript

443,727 2.5

Installations

npm install d3plus-color

Pull Requests

Open

0

Total

52

Closed

33

Merged

19

Issues

Open

0

Total

3

Closed

3

Releases

v1.1.2

Published on 25 Jan 2023

v1.1.1

Published on 24 Jan 2023

v1.1.0

Published on 04 Jan 2023

v1.0.0

Published on 02 Feb 2021

v0.7.0

Published on 14 Jul 2020

v0.6.7

Published on 01 Oct 2019

View all 24 releases

Developer

d3plus

Developer Guide

BETA

Module System

ESM

Min. Node Version

Typescript Support

No

Node Version

16.16.0

NPM Version

8.17.0 Statistics

7 Stars

174 Commits

7 Watching

1 Branches

7 Contributors

Updated on 04 Jan 2023

Languages

JavaScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

443,727

Last day

-57%

126

Compared to previous day

Last week

-14.5%

968

Compared to previous week

Last month

4.1%

4,599

Compared to previous month

Last year

-51.6%

48,252

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

d3-color d3-scale

Dev Dependencies

d3plus-dev

Versions

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.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

3

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

SAST

Determines if the project uses static code analysis.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

Signed-Releases

Determines if the project cryptographically signs release artifacts.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.5

/10

Last Scanned on 2024-11-25

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