@vx/legend
Advanced tools
Changelog
v0.0.199
rangeRound
field in the input of scaleLinear()
, scaleLog()
, scalePoint()
, scalePower()
, scaleSqrt()
, scaleTime()
and scaleUtc()
. #766
Instead of
scaleLinear({ rangeRound: xxx })
Do this instead
scaleLinear({ range: xxx, round: true });
ticks
and tickFormat
in the input of scaleQuantize()
. It was not really doing anything anyway as both scale.ticks()
and scale.tickFormat()
do not mutate the scale. #766scale.type
field that was attached to the d3 scales. #766@vx/grid
components now accept D3 Scale as generic type instead of ScaleInput
. Developers should not expect to specify this generic type as it can be inferred from the passed scale. #775GridColumnProps
=> GridColumnsProps
(+s
) to match GridRowsProps
. #787<Marker />
implementation of a Line and some Text. #783AnyD3Scale
, InferD3ScaleOutput
, InferD3ScaleDiscreteInput
, InferD3ScaleThresholdInput
and ScaleInput
. Add new utilities functions: getTicks
, coerceNumber
and toString
. #773@vx/legend
shapes from the index
for convenience / non-deep imports. #772children
prop to GridRows
+ GridColumns
to support animated rendering. #787<BarRounded />
shape. #774d3-shape
and export as part of vx/shape
(arc
, area
, line
, pie
, radialLine
),
similar to vx/scale
has factories for d3-scale
. #776SplitLinePath
component to @vx/shape
that allows you to create a line path split into multiple smaller line paths that can be styled independently. #778vx/scale
and vx/axis
. More fields passed to child render props of Axis
. #773Axis
is refactored to accept a ticksComponent
which allows us to animate them. #779values
to tickFormat(value, index, values)
so that format logic can more easily leverage all ticks (because numTicks
is approximate, lib consumers do not know how many tick values exist a priori). #779<Marker />
that matches actual SVG <marker>
. #783<MarkerArrow />
, <MarkerCross />
, <MarkerX />
, <MarkerCircle />
, <MarkerLine />
. #783@vx/react-spring
that includes react-spring
as a peerDep
and can be a home for things that depend on react-spring
. #779<AnimatedAxis />
and <AnimatedTicksRender />
in @vx/react-spring
. #779vx-demo/axis
demo to use <AnimatedAxis />
. #779AnimatedGridRows
+ AnimatedGridColumns
. #787AnimatedTicks/useAnimatedTicksConfig
to spring-configs/useAnimatedLineTransitionConfig
so it can power both animated tick + grid lines. #787animationTrajectory=outside | inside | min | max
to AnimatedAxis
and AnimatedGridRows/Columns
. #787enableDebounceLeadingCall
prop being passed into div
. #763vx/scale
package has 100% test coverage. #766<Marker>
. #783/axis
demo to include AnimatedGrid*
and a animationTrajectory
config. #787 - @vx/annotation: 0.0.198 => 0.0.199
- @vx/axis: 0.0.198 => 0.0.199
- @vx/bounds: 0.0.198 => 0.0.199
- @vx/brush: 0.0.198 => 0.0.199
- @vx/chord: 0.0.198 => 0.0.199
- @vx/clip-path: 0.0.198 => 0.0.199
- @vx/curve: 0.0.198 => 0.0.199
- @vx/demo: 0.0.198 => 0.0.199
- @vx/drag: 0.0.198 => 0.0.199
- @vx/event: 0.0.198 => 0.0.199
- @vx/geo: 0.0.198 => 0.0.199
- @vx/glyph: 0.0.198 => 0.0.199
- @vx/gradient: 0.0.198 => 0.0.199
- @vx/grid: 0.0.198 => 0.0.199
- @vx/group: 0.0.198 => 0.0.199
- @vx/heatmap: 0.0.198 => 0.0.199
- @vx/hierarchy: 0.0.198 => 0.0.199
- @vx/legend: 0.0.198 => 0.0.199
- @vx/marker: 0.0.198 => 0.0.199
- @vx/mock-data: 0.0.198 => 0.0.199
- @vx/network: 0.0.198 => 0.0.199
- @vx/pattern: 0.0.198 => 0.0.199
- @vx/point: 0.0.198 => 0.0.199
- @vx/react-spring: 0.0.198 => 0.0.199
- @vx/responsive: 0.0.198 => 0.0.199
- @vx/scale: 0.0.198 => 0.0.199
- @vx/shape: 0.0.198 => 0.0.199
- @vx/stats: 0.0.198 => 0.0.199
- @vx/text: 0.0.198 => 0.0.199
- @vx/threshold: 0.0.198 => 0.0.199
- @vx/tooltip: 0.0.198 => 0.0.199
- @vx/voronoi: 0.0.198 => 0.0.199
- @vx/vx: 0.0.198 => 0.0.199
- @vx/xychart: 0.0.0 => 0.0.199 (private)
- @vx/zoom: 0.0.198 => 0.0.199
Changelog
v0.0.198
offsetLeft/Top
to TooltipProps
, making TooltipProps === TooltipWithBoundsProps
, adds additional 10px
of padding to Tooltip
left/top
#756Changes:
- @vx/annotation: 0.0.197 => 0.0.198
- @vx/axis: 0.0.197 => 0.0.198
- @vx/bounds: 0.0.197 => 0.0.198
- @vx/brush: 0.0.197 => 0.0.198
- @vx/chord: 0.0.197 => 0.0.198
- @vx/clip-path: 0.0.197 => 0.0.198
- @vx/curve: 0.0.197 => 0.0.198
- @vx/demo: 0.0.197 => 0.0.198
- @vx/drag: 0.0.197 => 0.0.198
- @vx/event: 0.0.197 => 0.0.198
- @vx/geo: 0.0.197 => 0.0.198
- @vx/glyph: 0.0.197 => 0.0.198
- @vx/gradient: 0.0.197 => 0.0.198
- @vx/grid: 0.0.197 => 0.0.198
- @vx/group: 0.0.197 => 0.0.198
- @vx/heatmap: 0.0.197 => 0.0.198
- @vx/hierarchy: 0.0.197 => 0.0.198
- @vx/legend: 0.0.197 => 0.0.198
- @vx/marker: 0.0.197 => 0.0.198
- @vx/mock-data: 0.0.197 => 0.0.198
- @vx/network: 0.0.197 => 0.0.198
- @vx/pattern: 0.0.197 => 0.0.198
- @vx/point: 0.0.197 => 0.0.198
- @vx/responsive: 0.0.197 => 0.0.198
- @vx/scale: 0.0.197 => 0.0.198
- @vx/shape: 0.0.197 => 0.0.198
- @vx/stats: 0.0.197 => 0.0.198
- @vx/text: 0.0.197 => 0.0.198
- @vx/threshold: 0.0.197 => 0.0.198
- @vx/tooltip: 0.0.197 => 0.0.198
- @vx/voronoi: 0.0.197 => 0.0.198
- @vx/vx: 0.0.197 => 0.0.198
- @vx/zoom: 0.0.197 => 0.0.198
Changelog
v0.0.197
/Docs
=> /docs
) #740?pkg
instead of local state #740Changes:
- @vx/annotation: 0.0.196 => 0.0.197
- @vx/axis: 0.0.196 => 0.0.197
- @vx/bounds: 0.0.196 => 0.0.197
- @vx/brush: 0.0.196 => 0.0.197
- @vx/chord: 0.0.196 => 0.0.197
- @vx/clip-path: 0.0.196 => 0.0.197
- @vx/curve: 0.0.196 => 0.0.197
- @vx/demo: 0.0.196 => 0.0.197
- @vx/drag: 0.0.196 => 0.0.197
- @vx/event: 0.0.196 => 0.0.197
- @vx/geo: 0.0.196 => 0.0.197
- @vx/glyph: 0.0.196 => 0.0.197
- @vx/gradient: 0.0.196 => 0.0.197
- @vx/grid: 0.0.196 => 0.0.197
- @vx/group: 0.0.196 => 0.0.197
- @vx/heatmap: 0.0.196 => 0.0.197
- @vx/hierarchy: 0.0.196 => 0.0.197
- @vx/legend: 0.0.196 => 0.0.197
- @vx/marker: 0.0.196 => 0.0.197
- @vx/mock-data: 0.0.196 => 0.0.197
- @vx/network: 0.0.196 => 0.0.197
- @vx/pattern: 0.0.196 => 0.0.197
- @vx/point: 0.0.196 => 0.0.197
- @vx/responsive: 0.0.196 => 0.0.197
- @vx/scale: 0.0.196 => 0.0.197
- @vx/shape: 0.0.196 => 0.0.197
- @vx/stats: 0.0.196 => 0.0.197
- @vx/text: 0.0.196 => 0.0.197
- @vx/threshold: 0.0.196 => 0.0.197
- @vx/tooltip: 0.0.196 => 0.0.197
- @vx/voronoi: 0.0.196 => 0.0.197
- @vx/vx: 0.0.196 => 0.0.197
- @vx/zoom: 0.0.16 => 0.0.19
Changelog
v0.0.196
defaultStyles
:// before
import { Tooltip } from '@vx/tooltip';
...
<Tooltip style={{ color: myCustomColor }} />
// after
import { Tooltip, defaultStyles } from '@vx/tooltip';
...
<Tooltip style={{ ...defaultStyles, color: myCustomColor }} />
Changes:
- @vx/annotation: 0.0.195 => 0.0.196
- @vx/axis: 0.0.195 => 0.0.196
- @vx/bounds: 0.0.195 => 0.0.196
- @vx/brush: 0.0.195 => 0.0.196
- @vx/chord: 0.0.195 => 0.0.196
- @vx/clip-path: 0.0.195 => 0.0.196
- @vx/curve: 0.0.195 => 0.0.196
- @vx/demo: 0.0.195 => 0.0.196
- @vx/drag: 0.0.195 => 0.0.196
- @vx/event: 0.0.195 => 0.0.196
- @vx/geo: 0.0.195 => 0.0.196
- @vx/glyph: 0.0.195 => 0.0.196
- @vx/gradient: 0.0.195 => 0.0.196
- @vx/grid: 0.0.195 => 0.0.196
- @vx/group: 0.0.195 => 0.0.196
- @vx/heatmap: 0.0.195 => 0.0.196
- @vx/hierarchy: 0.0.195 => 0.0.196
- @vx/legend: 0.0.195 => 0.0.196
- @vx/marker: 0.0.195 => 0.0.196
- @vx/mock-data: 0.0.195 => 0.0.196
- @vx/network: 0.0.195 => 0.0.196
- @vx/pattern: 0.0.195 => 0.0.196
- @vx/point: 0.0.195 => 0.0.196
- @vx/responsive: 0.0.195 => 0.0.196
- @vx/scale: 0.0.195 => 0.0.196
- @vx/shape: 0.0.195 => 0.0.196
- @vx/stats: 0.0.195 => 0.0.196
- @vx/text: 0.0.195 => 0.0.196
- @vx/threshold: 0.0.195 => 0.0.196
- @vx/tooltip: 0.0.195 => 0.0.196
- @vx/voronoi: 0.0.195 => 0.0.196
- @vx/vx: 0.0.195 => 0.0.196
- @vx/zoom: 0.0.195 => 0.0.196
Changelog
v0.0.195
useTooltip
hook addeduseState
, requires bumping the peerDep
for react to ^16.8.0-0
useState
to readme, add advice on HOC vs hooksBarStack
demo to use useTooltip
instead of withTooltip
Changes:
- @vx/annotation: 0.0.194 => 0.0.195
- @vx/axis: 0.0.194 => 0.0.195
- @vx/bounds: 0.0.194 => 0.0.195
- @vx/brush: 0.0.194 => 0.0.195
- @vx/chord: 0.0.194 => 0.0.195
- @vx/clip-path: 0.0.194 => 0.0.195
- @vx/curve: 0.0.194 => 0.0.195
- @vx/demo: 0.0.194 => 0.0.195
- @vx/drag: 0.0.194 => 0.0.195
- @vx/event: 0.0.194 => 0.0.195
- @vx/geo: 0.0.194 => 0.0.195
- @vx/glyph: 0.0.194 => 0.0.195
- @vx/gradient: 0.0.194 => 0.0.195
- @vx/grid: 0.0.194 => 0.0.195
- @vx/group: 0.0.194 => 0.0.195
- @vx/heatmap: 0.0.194 => 0.0.195
- @vx/hierarchy: 0.0.194 => 0.0.195
- @vx/legend: 0.0.194 => 0.0.195
- @vx/marker: 0.0.194 => 0.0.195
- @vx/mock-data: 0.0.194 => 0.0.195
- @vx/network: 0.0.194 => 0.0.195
- @vx/pattern: 0.0.194 => 0.0.195
- @vx/point: 0.0.194 => 0.0.195
- @vx/responsive: 0.0.194 => 0.0.195
- @vx/scale: 0.0.194 => 0.0.195
- @vx/shape: 0.0.194 => 0.0.195
- @vx/stats: 0.0.194 => 0.0.195
- @vx/text: 0.0.194 => 0.0.195
- @vx/threshold: 0.0.194 => 0.0.195
- @vx/tooltip: 0.0.194 => 0.0.195
- @vx/voronoi: 0.0.194 => 0.0.195
- @vx/vx: 0.0.194 => 0.0.195
- @vx/zoom: 0.0.194 => 0.0.195
Changelog
v0.0.194
Changes:
- @vx/annotation: 0.0.193 => 0.0.194
- @vx/axis: 0.0.193 => 0.0.194
- @vx/bounds: 0.0.193 => 0.0.194
- @vx/brush: 0.0.193 => 0.0.194
- @vx/chord: 0.0.193 => 0.0.194
- @vx/clip-path: 0.0.193 => 0.0.194
- @vx/curve: 0.0.193 => 0.0.194
- @vx/demo: 0.0.193 => 0.0.194
- @vx/drag: 0.0.193 => 0.0.194
- @vx/event: 0.0.193 => 0.0.194
- @vx/geo: 0.0.193 => 0.0.194
- @vx/glyph: 0.0.193 => 0.0.194
- @vx/gradient: 0.0.193 => 0.0.194
- @vx/grid: 0.0.193 => 0.0.194
- @vx/group: 0.0.193 => 0.0.194
- @vx/heatmap: 0.0.193 => 0.0.194
- @vx/hierarchy: 0.0.193 => 0.0.194
- @vx/legend: 0.0.193 => 0.0.194
- @vx/marker: 0.0.193 => 0.0.194
- @vx/mock-data: 0.0.193 => 0.0.194
- @vx/network: 0.0.193 => 0.0.194
- @vx/pattern: 0.0.193 => 0.0.194
- @vx/point: 0.0.193 => 0.0.194
- @vx/responsive: 0.0.193 => 0.0.194
- @vx/scale: 0.0.193 => 0.0.194
- @vx/shape: 0.0.193 => 0.0.194
- @vx/stats: 0.0.193 => 0.0.194
- @vx/text: 0.0.193 => 0.0.194
- @vx/threshold: 0.0.193 => 0.0.194
- @vx/tooltip: 0.0.193 => 0.0.194
- @vx/voronoi: 0.0.193 => 0.0.194
- @vx/vx: 0.0.193 => 0.0.194
- @vx/zoom: 0.0.193 => 0.0.194
Changelog
v0.0.193
See the TypeScript project for a full list of issues + PRs.
lib/index.d.ts
propTypes
are likely stricter now@vx/brush
now exports a working Brush
component :tada:react
hooks
+ types@vx/brush
demo is added@vx/boxplot
deprecated in favor of @vx/stats
#561radius
and distance
values in the @vx/mock-data
exoplanet
dataset were updated from strings to numbers to remove the need for consumers to coerce to numbers themselves #579react@^16.3
for React.Fragment
, dropping support for react@^15
<g>
wrapper around Drag children
was replaced with a React.Fragment
which removes a DOM element.PatternOrientation
is no longer the default export of @vx/patterns/lib/constants
and is instead a named export. PatternOrientation is still used as the export name if importing from the index: import { PatternOrientation } from '@vx/pattern'
#503react@^16.3
for React.Fragment
, dropping support for react@^15
Arc
centroid
prop was removed as it was not functional (it was called as if it was an arc.centroid()
configuration parameter, but in reality the .centroid
method is for returning the centroid of a datum.Area
component is no longer wrapped in an empty <g>
elementorder
and offset
props for Stack
, BarStack
, BarStackHorizontal
, and AreaStack
previously supported string
, array
, or function
s. Only the string
prop was functional, and only the enumerated string presets are now allowed.react@^16.3
for React.Fragment
, dropping support for react@^15
#512react@^16.3
for React.Fragment
, dropping support for react@^15
<Nodes />
inner node wrapper <g>
element className changed to singular (vx-network-nodes => vx-network-node) and outer wrapper <g>
was replaced with a React.Fragment<Links />
inner link wrapper <g>
element className changed to singular (vx-network-links => vx-network-link) and outer wrapper <g>
was replaced with a React.Fragmentreact@^16.3
for React.Fragment
, dropping support for react@^15
children
prop removed from GlyphDot
componentreact@^16.3
for React.Fragment
, dropping support for react@^15
#520react@^16.3
for React.Fragment
, dropping support for react@^15
#524Threshold
id
prop required #533react@^16.3
for React.Fragment
, dropping support for react@^15
#537react@^16.3
for React.Fragment
, dropping support for react@^15
src/legends/* => src/*
react@^16.3
for React.Fragment
, dropping support for react@^15
src/violinplot/ViolinPlot.jsx => src/ViolinPlot.tsx
src/boxplot/BoxPlot.jsx => src/BoxPlot.tsx
Changes:
- @vx/annotation: 0.0.192 => 0.0.193
- @vx/axis: 0.0.192 => 0.0.193
- @vx/bounds: 0.0.192 => 0.0.193
- @vx/brush: 0.0.192 => 0.0.193
- @vx/chord: 0.0.192 => 0.0.193
- @vx/clip-path: 0.0.192 => 0.0.193
- @vx/curve: 0.0.192 => 0.0.193
- @vx/demo: 0.0.192 => 0.0.193
- @vx/drag: 0.0.192 => 0.0.193
- @vx/event: 0.0.192 => 0.0.193
- @vx/geo: 0.0.192 => 0.0.193
- @vx/glyph: 0.0.192 => 0.0.193
- @vx/gradient: 0.0.192 => 0.0.193
- @vx/grid: 0.0.192 => 0.0.193
- @vx/group: 0.0.192 => 0.0.193
- @vx/heatmap: 0.0.192 => 0.0.193
- @vx/hierarchy: 0.0.192 => 0.0.193
- @vx/legend: 0.0.192 => 0.0.193
- @vx/marker: 0.0.192 => 0.0.193
- @vx/mock-data: 0.0.192 => 0.0.193
- @vx/network: 0.0.192 => 0.0.193
- @vx/pattern: 0.0.192 => 0.0.193
- @vx/point: 0.0.192 => 0.0.193
- @vx/responsive: 0.0.192 => 0.0.193
- @vx/scale: 0.0.192 => 0.0.193
- @vx/shape: 0.0.192 => 0.0.193
- @vx/stats: 0.0.192 => 0.0.193
- @vx/text: 0.0.192 => 0.0.193
- @vx/threshold: 0.0.192 => 0.0.193
- @vx/tooltip: 0.0.192 => 0.0.193
- @vx/voronoi: 0.0.192 => 0.0.193
- @vx/vx: 0.0.192 => 0.0.193
- @vx/zoom: 0.0.192 => 0.0.193