d3-svg-legend

v2.25.6

A legend component for d3. Given a d3.scale it can create either a color legend, size legend, or symbol legend. For more information about how to use this package see README

Latest version published 7 years ago

License: Apache-2.0

NPM

GitHub

Package Health Score

47 / 100

security
Security review needed
popularity
Recognized
maintenance
Inactive
community
Sustainable

Explore Similar Packages

Security

Security review needed

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
2.25.6	\|	03/2018		0 C 0 H 0 M 0 L	0 H 0 M 0 L
2.24.1	\|	05/2017		0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.13.0	\|	11/2016	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.11.0	\|	06/2016		0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.12.0	\|	06/2016		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

Apache-2.0

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Recognized

Weekly Downloads (22,092)

GitHub Stars: 726
Forks: 104
Contributors: 20

Direct Usage Popularity

The npm package d3-svg-legend receives a total of 22,092 downloads a week. As such, we scored d3-svg-legend popularity level to be Recognized.

Based on project statistics from the GitHub repository for the npm package d3-svg-legend, we found that it has been starred 726 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Sustainable

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 20
Funding: No

With more than 10 contributors for the d3-svg-legend repository, this is possibly a sign for a growing and inviting community.

We found a way for you to contribute to the project! Looks like d3-svg-legend is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

No Recent Commits

Open Issues: 10
Open PR: 4
Last Release: 7 years ago
Last Commit: 6 years ago

Further analysis of the maintenance status of d3-svg-legend based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for d3-svg-legend is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 9 years
Dependencies: 7 Direct
Versions: 51
Install Size: 801 kB
Dist-tags: 1
# of Files: 17
Maintainers: 1
TS Typings: Yes

d3-svg-legend has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

d3-legend

Full documentation: https://d3-legend.susielu.com

Looking for compatibility with d3 v3?

You can see the code for the d3 legend that works with d3 v3 in the v3 branch
Documentation for the v3 version of the legend

d3-legend v4 updates (npm version 2.0.0 and higher)

Flattened naming for accessing functions
- d3.legend.color => d3.legendColor
- d3.legend.size => d3.legendSize
- d3.legend.symbol => d3.legendSymbol
NPM package no longer binds to global d3, is now just an object with the three legend functions

Usage

Using just the minified file

You must include the d3 library before including the legend file. Then you can simply add the compiled js file to your website:

d3-legend.min.js
d3-legend.js (Human readable version)

Using CDN

You can also add the latest version of d3-legend hosted on cdnjs.

Using npm

You can add the d3 legend as a node module by running:

npm i d3-svg-legend -S

To use the version compatible with d3v3 run: npm i d3-svg-legend@1.x -S

Using the import syntax import legend from 'd3-svg-legend' gives access to the three legend types as an object. You can also import them independently for example import { legendColor } from 'd3-svg-legend'

var svg = d3.select("#svg-color-quant");

var quantize = d3.scaleQuantize()
    .domain([ 0, 0.15 ])
    .range(d3.range(9).map(function(i) { return "q" + i + "-9"; }));

svg.append("g")
  .attr("class", "legendQuant")
  .attr("transform", "translate(20,20)");

var colorLegend = d3.legendColor()
    .labelFormat(d3.format(".2f"))
    .useClass(true)
    .scale(quantize);

svg.select(".legendQuant")
  .call(colorLegend);

Feedback

I would love to hear from you about any additional features that would be useful, please say hi on twitter @DataToViz.

d3-svg-legend dependencies

@types/d3-selection d3-array d3-dispatch d3-format d3-scale d3-selection d3-transition

d3-svg-legend development dependencies

babel-plugin-external-helpers babel-preset-es2015 babelify babelrc-rollup chai grunt grunt-browserify grunt-contrib-uglify marked mocha npm-watch reify rollup rollup-plugin-babel stringify

FAQs

What is d3-svg-legend?

A legend component for d3. Given a d3.scale it can create either a color legend, size legend, or symbol legend. Visit Snyk Advisor to see a full health score report for d3-svg-legend, including popularity, security, maintenance & community analysis.

Is d3-svg-legend popular?

The npm package d3-svg-legend receives a total of 22,092 weekly downloads. As such, d3-svg-legend popularity was classified as a recognized. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is d3-svg-legend well maintained?

We found indications that d3-svg-legend is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is d3-svg-legend safe to use?

While scanning the latest version of d3-svg-legend, we found that a security review is needed. A total of 0 vulnerabilities or license issues were detected. See the full security scan results.

Last updated on 21 December-2024, at 06:39 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP