Would be nice to have a feature that puts a mark in the colorScale when hovering an item in the chart. Something like this:

Issue originally created by @cnavarreteliz in the d3plus-axis repo.

Hi, I was trying to use scale: jenks and the last tick in ColorScale doesn't appear

JSFiddle: https://jsfiddle.net/252k2gaa/2/

Expected Behavior

Legend box/labels should be positioned right to left.

Current Behavior

They are currently positioned left to right, and the label padding is on the left hand side.

Expected Behavior

When Jenks breaks are too close together, it would be nice to show the scale as discrete buckets with range labels, as in this image:

This should be a mode that the user can toggle, and would only apply to "jenks" and "buckets" scales.

Current Behavior

Currently, we get an illegible scale:

Steps to Reproduce (for bugs)

https://jsfiddle.net/5f639ph1/

Your Environment

• Browser Name: Chrome
• Operating System and Version: macOS High Sierra

Currently, on large screens, colorScale can get very wide when positioned horizontally. It would be great to be able to define a maxWidth and center it horizontally in the available space.

The desired behavior is the following: depending on the data range being used to calculate the colorscale, I would like to conditionally set the scale type to linear or jenks. Something like the following:

colorScaleConfig {
    scale: () => dataRange > 5 "jenks" : "linear"
}

label function appears to work different on the bars in the bar chart versus the legend below:

label: d => `${lookup[d["Living Arrangement"]]} in ${d.kind}`

I would have expected the labeling to work the same so that the same logic could be reused (maybe even the object to the legend should also contain a key in the object that is a values array that could be useful for adding summary stats in legend tooltips?)

https://jsfiddle.net/AlanORB/dwy58r4z/7/

Version 1.0.3 of d3-array just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As d3-array is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them.
I recommend you give this issue a very high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

Idea courtesy of Geoff House

(not sure if this belongs elsewhere but figured I would start here)

Current Behavior

In reviewing some vizs for CNY I noticed an issue where certain vizs seems to have black/very dark areas that don't seem to match up with the legend colors?

Steps to Reproduce (for bugs)

1. https://jsfiddle.net/jonathan_dw/adrwsz3f/

Your Environment

• Browser Name: Chrome
• Operating System and Version: macOS 10.13

Like so:

Expected Behavior

Sometimes jenks breaks are very close together. In that case, a tooltip when hovering over a portion to show the break range would be fantastic.

Current Behavior

Currently, we just get an illegible scale:

Steps to Reproduce (for bugs)

https://jsfiddle.net/5f639ph1/

Your Environment

• Browser Name: Chrome
• Operating System and Version: macOS High Sierra

Having trouble setting the text color for a color scale legend. Here's my config below:

colorScaleConfig: {
    color: COLORS_GRADIENT,
    scale: "jenks",
    shapeConfig: {
      fill: "#979797",
      fontColor: "white",
      labelConfig: {
        fontColor: "white", // this doesn't work!
      },
      stroke: "#979797"
    },
    tickSize: 0,
    titleConfig: {
      textTransform: "uppercase"
    }
}

And here is the rendered output: