d3-legend
A reusable D3.js legend component for color, size, and symbol scales in SVG visualizations.
What is d3-legend?
d3-legend is a reusable legend component for D3.js that generates legends for color, size, and symbol scales in SVG-based data visualizations. It solves the problem of manually creating and styling legends, providing a consistent, configurable way to explain visual encodings in charts and maps.
Data visualization developers using D3.js who need to add professional, customizable legends to their SVG charts, dashboards, or interactive maps.
Developers choose d3-legend because it integrates seamlessly with D3 scales, reduces boilerplate code for legend creation, and offers flexible styling through CSS classes, all while following D3's familiar API patterns.
Overview
A reusable d3 legend component.
Use Cases
Best For
- Adding color legends to choropleth maps or heatmaps
- Creating size legends for bubble charts or scatter plots
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
