Releases: nteract/semiotic
Support negative values in stacked area and stacked percent charts
Remove Format, Improve Annotations
This is a minor bump because it breaks format
in Axis. We use numeral
a lot at Netflix and format
was a convenient way to just use numeral
style formatting but it required numeral
be a dependency for that one tiny feature. moment
was removed for the same reason.
The other breaking change is that previously pieceHoverAnnotation
would enable hover on individual pieces or on parts of a summary graphical object. This has been replaced with ORFrame having a summaryHoverAnnotation
to explicitly turn on one mode or the other.
This also adds some new built-in annotation types to XYFrame, vertical-points
and horizontal-points
which draw circles on all the points at the same (graphical) vertical or horizontal position. This was part of a larger modification of the annotation handling to move away from a simple hoverAnnotation={true}
to a system that lets you declare the kinds of annotations instantiated on hover rather than just the default frame-hover
and column-hover
. So now you can send objects that are basic annotation types or functions that return such objects or arrays of them, like this:
hoverAnnotation={[
{ type: "y", disable: ["connector", "note"] },
{ type: "x", disable: ["connector", "note"] },
d => ({ type: "xy", label: d.name }),
{ type: "frame-hover" },
{
type: "vertical-points",
threshold: 5,
r: (d, i) => i + 5
},
{
type: "horizontal-points",
threshold: 5,
r: (d, i) => i + 5
}
]}
Which will result in all sorts of annotations being called on hover and look something like this:
ISOTYPE, Better Responsive Frames
- Responsive Frames use a new resize listener which seems to work better than the earlier two models
- ORFrame
oLabel
can take an object with an{ orient, label }
wherelabel
is the same as what was sent tooLabel
(a boolean or a function that returns JSX SVG) andorient
allows you to place labels on the"right"
withhorizontal
projection or"top"
withvertical
projection. - ORFrame
type
object can now take anicon
and andiconPadding
setting that will cause renderedbar
orclusterbar
to be drawn with icons (spaced away from each other by the pixel value oficonPadding
or 1 if nothing is sent).
v1.1.2
v1.1.1
Fixes a few ORFrame pie chart related bugs, mostly, that popped up while writing the intro to pie charts.
Features
- Default size for frames of [500,500]
Fixes
- Radial axis labels obey margins properly
- Radial tooltips obey margins properly
- Labeled radial ORFrame doesn't adjust margins
- rAccessor defaults to "value" if "value" exists otherwise 1 (so you can leave off defining rAccessor for pie charts)
v1.1.0
The major change is a switch from d3-svg-annotation to react-annotation. With this change comes a breaking change in the names of annotation elements, as the new react-annotation uses capitalized component names and that could cause problems.
Fixes:
- rExtent in ORFrame should work in all cases with the pattern of using undefined in the array if you only want to set the top or bottom
- rBaseline is deprecated
- Visualization layer elements are now wrapped in an absolute positioned which fixes an annoying CSS isse
- Titles weren't being properly honored in ORFrame
- Remove clip paths from rectangular and circular sketchy Marks, since this runs into an SVG bug in Chrome
Changes:
- Annotations now use react-annotation instead of d3-svg-annotation. Better performance and composable annotations.
- Bucketized ORFrame summaries (histogram, heatmap, joy, violin) now have shared scales instead of column-dependent scales.
Features:
- Histogram summaryType in ORFrame now accepts an
axis
property so you can make bunches of axes - You can move summary visualizations using
summaryPosition
Radial ORFrame Annotations
fix: Annotations work in radial ORFrame
fix: pieceHoverAnnotation works in radial ORFrame
fix: Radial bar width accounts for padding properly
fix: Radial charts use margins properly