@vx/shape
Shapes are the core elements of vx
. Most of what you see on the screen, like lines, bars, and
areas are all made with shape primitives.
Installation
npm install --save @vx/shape
vx shape
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
/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
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
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
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
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.Fragment react@^16.3
for React.Fragment
, dropping support for react@^15
children
prop removed from GlyphDot
component react@^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
See #484 for details.
build/
and dist/
, use lib/
and esm/
insteadbabel
not rollup
yarn
not npm
workspaces
so that we can push all config to the root instead of duplicating across every package as is the case now.jsx
required for React
files)Changes:
- @vx/annotation: 0.0.190 => 0.0.192
- @vx/axis: 0.0.191 => 0.0.192
- @vx/bounds: 0.0.189 => 0.0.192
- @vx/boxplot: 0.0.190 => 0.0.192
- @vx/brush: 0.0.189 => 0.0.192
- @vx/chord: 0.0.189 => 0.0.192
- @vx/clip-path: 0.0.189 => 0.0.192
- @vx/curve: 0.0.189 => 0.0.192
- @vx/demo: 0.0.191 => 0.0.192
- @vx/drag: 0.0.189 => 0.0.192
- @vx/event: 0.0.189 => 0.0.192
- @vx/geo: 0.0.190 => 0.0.192
- @vx/glyph: 0.0.190 => 0.0.192
- @vx/gradient: 0.0.189 => 0.0.192
- @vx/grid: 0.0.190 => 0.0.192
- @vx/group: 0.0.190 => 0.0.192
- @vx/heatmap: 0.0.190 => 0.0.192
- @vx/hierarchy: 0.0.190 => 0.0.192
- @vx/legend: 0.0.190 => 0.0.192
- @vx/marker: 0.0.190 => 0.0.192
- @vx/mock-data: 0.0.189 => 0.0.192
- @vx/network: 0.0.190 => 0.0.192
- @vx/pattern: 0.0.189 => 0.0.192
- @vx/point: 0.0.189 => 0.0.192
- @vx/responsive: 0.0.189 => 0.0.192
- @vx/scale: 0.0.190 => 0.0.192
- @vx/shape: 0.0.190 => 0.0.192
- @vx/stats: 0.0.190 => 0.0.192
- @vx/text: 0.0.191 => 0.0.192
- @vx/threshold: 0.0.190 => 0.0.192
- @vx/tooltip: 0.0.189 => 0.0.192
- @vx/voronoi: 0.0.190 => 0.0.192
- @vx/vx: 0.0.191 => 0.0.192
- @vx/zoom: 0.0.189 => 0.0.192
See #487 for details.
react@^16.3
, deprecate react 15UNSAFE_
react@^16.3
, deprecate react 15 due to @vx/text depUNSAFE_
Changes:
- @vx/axis: 0.0.190 => 0.0.191
- @vx/demo: 0.0.190 => 0.0.191
- @vx/text: 0.0.190 => 0.0.191
- @vx/vx: 0.0.190 => 0.0.191
<Text />
when encountering a set of non-breaking space characters. #460^2.2.2
for scaleSymlog. #477bin.x0
. The x0 offset is accounted for in bin.x
. #475tickLabelProps()
prop default args for docs. #478Changes:
- @vx/annotation: 0.0.189 => 0.0.190
- @vx/axis: 0.0.189 => 0.0.190
- @vx/boxplot: 0.0.189 => 0.0.190
- @vx/demo: 0.0.189 => 0.0.190
- @vx/geo: 0.0.189 => 0.0.190
- @vx/glyph: 0.0.189 => 0.0.190
- @vx/grid: 0.0.189 => 0.0.190
- @vx/group: 0.0.189 => 0.0.190
- @vx/heatmap: 0.0.189 => 0.0.190
- @vx/hierarchy: 0.0.189 => 0.0.190
- @vx/legend: 0.0.189 => 0.0.190
- @vx/marker: 0.0.189 => 0.0.190
- @vx/network: 0.0.189 => 0.0.190
- @vx/scale: 0.0.189 => 0.0.190
- @vx/shape: 0.0.189 => 0.0.190
- @vx/stats: 0.0.189 => 0.0.190
- @vx/text: 0.0.189 => 0.0.190
- @vx/threshold: 0.0.189 => 0.0.190
- @vx/voronoi: 0.0.189 => 0.0.190
- @vx/vx: 0.0.189 => 0.0.190
<Arc />
and <Pie pieValue={} />
props now check for !== undefined
. Before 0
wouldn't set the prop to 0
because if (0)
is false
. This is only a breaking change if you were passing 0
before and happy with <Arc />
treating that as undefined
and using d3.arc() defaults. #464<MyComponent
- onWheel={zoom.handleWheel}
/>
<Zoom
+ passive={true}
>
{zoom => {
return (
<MyComponent
+ onWheel={zoom.handleWheel}
/>
);
}}
</Zoom>
innerRef
propType to include PropType.object. #446<Arc />
now respects 0
as an allowed prop value. #464<Pie />
pieValue
now respects 0
as an allowed prop value. #464babel.config.js
+ jest.config.js
. #439explorer
=> ie
. #446ucandroid
. #446<Arc />
tests. #464Arc.test
from CRLF
=> LF
. #464Changes:
- @vx/annotation: 0.0.184 => 0.0.189
- @vx/axis: 0.0.184 => 0.0.189
- @vx/bounds: 0.0.182 => 0.0.189
- @vx/boxplot: 0.0.183 => 0.0.189
- @vx/brush: 0.0.182 => 0.0.189
- @vx/chord: 0.0.183 => 0.0.189
- @vx/clip-path: 0.0.183 => 0.0.189
- @vx/curve: 0.0.182 => 0.0.189
- @vx/demo: 0.0.188 => 0.0.189
- @vx/drag: 0.0.183 => 0.0.189
- @vx/event: 0.0.182 => 0.0.189
- @vx/geo: 0.0.187 => 0.0.189
- @vx/glyph: 0.0.183 => 0.0.189
- @vx/gradient: 0.0.183 => 0.0.189
- @vx/grid: 0.0.184 => 0.0.189
- @vx/group: 0.0.183 => 0.0.189
- @vx/heatmap: 0.0.183 => 0.0.189
- @vx/hierarchy: 0.0.183 => 0.0.189
- @vx/legend: 0.0.183 => 0.0.189
- @vx/marker: 0.0.184 => 0.0.189
- @vx/mock-data: 0.0.185 => 0.0.189
- @vx/network: 0.0.183 => 0.0.189
- @vx/pattern: 0.0.183 => 0.0.189
- @vx/point: 0.0.182 => 0.0.189
- @vx/responsive: 0.0.188 => 0.0.189
- @vx/scale: 0.0.182 => 0.0.189
- @vx/shape: 0.0.184 => 0.0.189
- @vx/stats: 0.0.183 => 0.0.189
- @vx/text: 0.0.183 => 0.0.189
- @vx/threshold: 0.0.184 => 0.0.189
- @vx/tooltip: 0.0.184 => 0.0.189
- @vx/voronoi: 0.0.183 => 0.0.189
- @vx/vx: 0.0.188 => 0.0.189
- @vx/zoom: 0.0.185 => 0.0.189
Changes:
- @vx/demo: 0.0.187 => 0.0.188
- @vx/responsive: 0.0.186 => 0.0.188
- @vx/vx: 0.0.187 => 0.0.188
<CustomProjection projection={someProjectionFunction} />
. #434<CustomProjection />
tile. #434<CustomProjection />
test. #435Changes:
- @vx/demo: 0.0.186 => 0.0.187
- @vx/geo: 0.0.184 => 0.0.187
- @vx/vx: 0.0.186 => 0.0.187
({ barStacks })
instead of barStacks
. #423<ParentSize />
replace for..of
with forEach()
to fix IE11 error without having to sham Symbol
. More info: https://github.com/hshoff/vx/issues/258 #428Changes:
- @vx/demo: 0.0.185 => 0.0.186
- @vx/responsive: 0.0.184 => 0.0.186
- @vx/vx: 0.0.185 => 0.0.186
Changes:
- @vx/demo: 0.0.184 => 0.0.185
- @vx/mock-data: 0.0.182 => 0.0.185
- @vx/vx: 0.0.184 => 0.0.185
- @vx/zoom: 0.0.182 => 0.0.185
albersUsa
projection in d3-geo to @vx/geo. #415equalEarth
projection in d3-geo to @vx/geo. #407defined
prop. Should use oneOfType
rather than oneOf
. #414children
prop. #408Changes:
- @vx/annotation: 0.0.183 => 0.0.184
- @vx/axis: 0.0.183 => 0.0.184
- @vx/demo: 0.0.183 => 0.0.184
- @vx/geo: 0.0.183 => 0.0.184
- @vx/grid: 0.0.183 => 0.0.184
- @vx/marker: 0.0.183 => 0.0.184
- @vx/responsive: 0.0.183 => 0.0.184
- @vx/shape: 0.0.183 => 0.0.184
- @vx/threshold: 0.0.183 => 0.0.184
- @vx/tooltip: 0.0.182 => 0.0.184
- @vx/vx: 0.0.183 => 0.0.184
innerRef
prop to <ScaleSVG />
. #393clipAboveTo
and clipBelowTo
prop types to number|func
. #401Changes:
- @vx/annotation: 0.0.182 => 0.0.183
- @vx/axis: 0.0.182 => 0.0.183
- @vx/boxplot: 0.0.182 => 0.0.183
- @vx/chord: 0.0.182 => 0.0.183
- @vx/clip-path: 0.0.182 => 0.0.183
- @vx/demo: 0.0.182 => 0.0.183
- @vx/drag: 0.0.182 => 0.0.183
- @vx/geo: 0.0.182 => 0.0.183
- @vx/glyph: 0.0.182 => 0.0.183
- @vx/gradient: 0.0.182 => 0.0.183
- @vx/grid: 0.0.182 => 0.0.183
- @vx/group: 0.0.182 => 0.0.183
- @vx/heatmap: 0.0.182 => 0.0.183
- @vx/hierarchy: 0.0.182 => 0.0.183
- @vx/legend: 0.0.182 => 0.0.183
- @vx/marker: 0.0.182 => 0.0.183
- @vx/network: 0.0.182 => 0.0.183
- @vx/pattern: 0.0.182 => 0.0.183
- @vx/responsive: 0.0.182 => 0.0.183
- @vx/shape: 0.0.182 => 0.0.183
- @vx/stats: 0.0.182 => 0.0.183
- @vx/text: 0.0.182 => 0.0.183
- @vx/threshold: 0.0.182 => 0.0.183
- @vx/voronoi: 0.0.182 => 0.0.183
- @vx/vx: 0.0.182 => 0.0.183
<BarStackHorizontal />
example code back. #387Changes:
- @vx/annotation: 0.0.181 => 0.0.182
- @vx/axis: 0.0.181 => 0.0.182
- @vx/bounds: 0.0.165 => 0.0.182
- @vx/boxplot: 0.0.181 => 0.0.182
- @vx/brush: 0.0.179 => 0.0.182
- @vx/chord: 0.0.166 => 0.0.182
- @vx/clip-path: 0.0.165 => 0.0.182
- @vx/curve: 0.0.165 => 0.0.182
- @vx/demo: 0.0.181 => 0.0.182
- @vx/drag: 0.0.179 => 0.0.182
- @vx/event: 0.0.179 => 0.0.182
- @vx/geo: 0.0.181 => 0.0.182
- @vx/glyph: 0.0.181 => 0.0.182
- @vx/gradient: 0.0.165 => 0.0.182
- @vx/grid: 0.0.181 => 0.0.182
- @vx/group: 0.0.170 => 0.0.182
- @vx/heatmap: 0.0.181 => 0.0.182
- @vx/hierarchy: 0.0.181 => 0.0.182
- @vx/legend: 0.0.181 => 0.0.182
- @vx/marker: 0.0.181 => 0.0.182
- @vx/mock-data: 0.0.179 => 0.0.182
- @vx/network: 0.0.179 => 0.0.182
- @vx/pattern: 0.0.179 => 0.0.182
- @vx/point: 0.0.165 => 0.0.182
- @vx/responsive: 0.0.179 => 0.0.182
- @vx/scale: 0.0.179 => 0.0.182
- @vx/shape: 0.0.181 => 0.0.182
- @vx/stats: 0.0.181 => 0.0.182
- @vx/text: 0.0.179 => 0.0.182
- @vx/threshold: 0.0.181 => 0.0.182
- @vx/tooltip: 0.0.179 => 0.0.182
- @vx/voronoi: 0.0.181 => 0.0.182
- @vx/vx: 0.0.181 => 0.0.182
- @vx/zoom: 0.0.165 => 0.0.182
For a summary and before + after of changes please see: https://github.com/hshoff/vx/pull/383
Changes:
- @vx/annotation: 0.0.179 => 0.0.181
- @vx/axis: 0.0.179 => 0.0.181
- @vx/boxplot: 0.0.170 => 0.0.181
- @vx/demo: 0.0.180 => 0.0.181
- @vx/geo: 0.0.179 => 0.0.181
- @vx/glyph: 0.0.179 => 0.0.181
- @vx/grid: 0.0.180 => 0.0.181
- @vx/heatmap: 0.0.179 => 0.0.181
- @vx/hierarchy: 0.0.179 => 0.0.181
- @vx/legend: 0.0.179 => 0.0.181
- @vx/marker: 0.0.179 => 0.0.181
- @vx/shape: 0.0.179 => 0.0.181
- @vx/stats: 0.0.179 => 0.0.181
- @vx/threshold: 0.0.179 => 0.0.181
- @vx/voronoi: 0.0.170 => 0.0.181
- @vx/vx: 0.0.180 => 0.0.181
tickValues
prop to both Columns and Rows, to render grid lines at specific values. #376rowTickValues
prop and columnTickValues
prop to Grid. #376strokeWidth
propTypes
in the @vx/grid
components to allow numbers in addition to strings. #380Changes:
- @vx/demo: 0.0.179 => 0.0.180
- @vx/grid: 0.0.179 => 0.0.180
- @vx/vx: 0.0.179 => 0.0.180
propTypes
to all components. #371Changes:
- @vx/annotation: 0.0.178 => 0.0.179
- @vx/axis: 0.0.178 => 0.0.179
- @vx/brush: 0.0.165 => 0.0.179
- @vx/demo: 0.0.178 => 0.0.179
- @vx/drag: 0.0.165 => 0.0.179
- @vx/event: 0.0.165 => 0.0.179
- @vx/geo: 0.0.170 => 0.0.179
- @vx/glyph: 0.0.170 => 0.0.179
- @vx/grid: 0.0.178 => 0.0.179
- @vx/heatmap: 0.0.173 => 0.0.179
- @vx/hierarchy: 0.0.170 => 0.0.179
- @vx/legend: 0.0.178 => 0.0.179
- @vx/marker: 0.0.178 => 0.0.179
- @vx/mock-data: 0.0.165 => 0.0.179
- @vx/network: 0.0.172 => 0.0.179
- @vx/pattern: 0.0.165 => 0.0.179
- @vx/responsive: 0.0.177 => 0.0.179
- @vx/scale: 0.0.178 => 0.0.179
- @vx/shape: 0.0.178 => 0.0.179
- @vx/stats: 0.0.178 => 0.0.179
- @vx/text: 0.0.175 => 0.0.179
- @vx/threshold: 0.0.178 => 0.0.179
- @vx/tooltip: 0.0.165 => 0.0.179
- @vx/vx: 0.0.178 => 0.0.179
type
property. #367flex
prop for overriding flex
css property to <LegendLabel />
. #370<BarStack />
and <BarStackHorizontal />
. #368flex: 1
). #370Changes:
- @vx/annotation: 0.0.176 => 0.0.178
- @vx/axis: 0.0.176 => 0.0.178
- @vx/demo: 0.0.177 => 0.0.178
- @vx/grid: 0.0.176 => 0.0.178
- @vx/legend: 0.0.170 => 0.0.178
- @vx/marker: 0.0.176 => 0.0.178
- @vx/scale: 0.0.165 => 0.0.178
- @vx/shape: 0.0.176 => 0.0.178
- @vx/stats: 0.0.170 => 0.0.178
- @vx/threshold: 0.0.176 => 0.0.178
- @vx/vx: 0.0.177 => 0.0.178
Changes:
- @vx/demo: 0.0.176 => 0.0.177
- @vx/responsive: 0.0.175 => 0.0.177
- @vx/vx: 0.0.176 => 0.0.177
<Polygon />
rest propsChanges:
- @vx/annotation: 0.0.175 => 0.0.176
- @vx/axis: 0.0.175 => 0.0.176
- @vx/demo: 0.0.175 => 0.0.176
- @vx/grid: 0.0.175 => 0.0.176
- @vx/marker: 0.0.175 => 0.0.176
- @vx/shape: 0.0.175 => 0.0.176
- @vx/threshold: 0.0.175 => 0.0.176
- @vx/vx: 0.0.175 => 0.0.176
withParentSize()
changed windowResizeDebounceTime
prop to debounceTime
to match <ParentSize />
. #348labelTransform
function in @vx/axis to correctly align the axis label when different values for the scale's range are specified, in particular when it does not start (or end) with a 0. #349display: none
=> position: absolute
and position the svg offscreen. #358<Polygon />
component. #355Changes:
- @vx/annotation: 0.0.171 => 0.0.175
- @vx/axis: 0.0.173 => 0.0.175
- @vx/demo: 0.0.174 => 0.0.175
- @vx/grid: 0.0.171 => 0.0.175
- @vx/marker: 0.0.171 => 0.0.175
- @vx/responsive: 0.0.172 => 0.0.175
- @vx/shape: 0.0.171 => 0.0.175
- @vx/text: 0.0.173 => 0.0.175
- @vx/threshold: 0.0.174 => 0.0.175
- @vx/vx: 0.0.173 => 0.0.175
Changes:
- @vx/demo: 0.0.173 => 0.0.174
- @vx/threshold: 0.0.171 => 0.0.174
heatmap
API. #332Changes:
- @vx/axis: 0.0.171 => 0.0.173
- @vx/demo: 0.0.172 => 0.0.173
- @vx/heatmap: 0.0.170 => 0.0.173
- @vx/text: 0.0.165 => 0.0.173
- @vx/vx: 0.0.172 => 0.0.173
ResizeObserver
loop limit exceeded. The issues surfaces on Chrome version >=64. #335Changes:
- @vx/demo: 0.0.171 => 0.0.172
- @vx/network: 0.0.170 => 0.0.172
- @vx/responsive: 0.0.165 => 0.0.172
- @vx/vx: 0.0.171 => 0.0.172
<Pie />
allow null sort callbacks. <Pie pieSort={null} pieSortValues={null} />
isn't ignored. #327Changes:
- @vx/annotation: 0.0.170 => 0.0.171
- @vx/axis: 0.0.170 => 0.0.171
- @vx/demo: 0.0.170 => 0.0.171
- @vx/grid: 0.0.170 => 0.0.171
- @vx/marker: 0.0.170 => 0.0.171
- @vx/shape: 0.0.170 => 0.0.171
- @vx/threshold: 0.0.170 => 0.0.171
- @vx/vx: 0.0.170 => 0.0.171
<BarGroupHorizontal />
component. #320y0
prop to <AreaClosed />
for custom area fills. #319<Group />
classname. should be vx-group
, not cx-group
. #316@vx/stats
readme name to stats. #324<BarGroup />
and <BarGroupHorizontal />
. #320Changes:
- @vx/annotation: 0.0.168 => 0.0.170
- @vx/axis: 0.0.168 => 0.0.170
- @vx/boxplot: 0.0.165 => 0.0.170
- @vx/demo: 0.0.169 => 0.0.170
- @vx/geo: 0.0.166 => 0.0.170
- @vx/glyph: 0.0.165 => 0.0.170
- @vx/grid: 0.0.169 => 0.0.170
- @vx/group: 0.0.165 => 0.0.170
- @vx/heatmap: 0.0.166 => 0.0.170
- @vx/hierarchy: 0.0.165 => 0.0.170
- @vx/legend: 0.0.167 => 0.0.170
- @vx/marker: 0.0.168 => 0.0.170
- @vx/network: 0.0.165 => 0.0.170
- @vx/shape: 0.0.168 => 0.0.170
- @vx/stats: 0.0.165 => 0.0.170
- @vx/threshold: 0.0.168 => 0.0.170
- @vx/voronoi: 0.0.165 => 0.0.170
- @vx/vx: 0.0.169 => 0.0.170
build/
dir in package. #315Changes:
- @vx/demo: 0.0.168 => 0.0.169
- @vx/grid: 0.0.168 => 0.0.169
- @vx/vx: 0.0.168 => 0.0.169
<Pie />
to allow more fine grained control of rendering. #311Changes:
- @vx/annotation: 0.0.166 => 0.0.168
- @vx/axis: 0.0.166 => 0.0.168
- @vx/demo: 0.0.167 => 0.0.168
- @vx/grid: 0.0.166 => 0.0.168
- @vx/marker: 0.0.166 => 0.0.168
- @vx/shape: 0.0.166 => 0.0.168
- @vx/threshold: 0.0.166 => 0.0.168
- @vx/vx: 0.0.167 => 0.0.168
Changes:
- @vx/demo: 0.0.166 => 0.0.167
- @vx/legend: 0.0.165 => 0.0.167
- @vx/vx: 0.0.166 => 0.0.167
@vx/chord
- <Chord />
, <Ribbon />
. #308Changes:
- @vx/annotation: 0.0.165 => 0.0.166
- @vx/axis: 0.0.165 => 0.0.166
- @vx/chord: 0.0.1 => 0.0.166
- @vx/demo: 0.0.165 => 0.0.166
- @vx/geo: 0.0.165 => 0.0.166
- @vx/grid: 0.0.165 => 0.0.166
- @vx/heatmap: 0.0.165 => 0.0.166
- @vx/marker: 0.0.165 => 0.0.166
- @vx/shape: 0.0.165 => 0.0.166
- @vx/threshold: 0.0.165 => 0.0.166
- @vx/vx: 0.0.165 => 0.0.166
dist/vx-{name}.{umd,es}.js
filesmodule
field to package.json
that points to dist/vx-{name}.es.js
for bundlers that support it (webpack, rollup, etc)main
field points to dist/vx-{name}.umd.js
react-fatigue-dev
+ Makefile build (means you can build on windows now)"android": 30, "chrome": 35, "edge": 14, "explorer": 9, "firefox": 52, "safari": 8, "ucandroid": 1
(matching airbnb-babel-preset)build/
with cjs
babel build files for deep paths (no breaking changes 🤞)Changes:
- @vx/annotation: 0.0.165-beta.1 => 0.0.165
- @vx/axis: 0.0.165-beta.1 => 0.0.165
- @vx/bounds: 0.0.165-beta.1 => 0.0.165
- @vx/boxplot: 0.0.165-beta.1 => 0.0.165
- @vx/brush: 0.0.165-beta.1 => 0.0.165
- @vx/clip-path: 0.0.165-beta.1 => 0.0.165
- @vx/curve: 0.0.165-beta.1 => 0.0.165
- @vx/demo: 0.0.165-beta.1 => 0.0.165
- @vx/drag: 0.0.165-beta.1 => 0.0.165
- @vx/event: 0.0.165-beta.1 => 0.0.165
- @vx/geo: 0.0.165-beta.1 => 0.0.165
- @vx/glyph: 0.0.165-beta.1 => 0.0.165
- @vx/gradient: 0.0.165-beta.1 => 0.0.165
- @vx/grid: 0.0.165-beta.1 => 0.0.165
- @vx/group: 0.0.165-beta.1 => 0.0.165
- @vx/heatmap: 0.0.165-beta.1 => 0.0.165
- @vx/hierarchy: 0.0.165-beta.1 => 0.0.165
- @vx/legend: 0.0.165-beta.1 => 0.0.165
- @vx/marker: 0.0.165-beta.1 => 0.0.165
- @vx/mock-data: 0.0.165-beta.1 => 0.0.165
- @vx/network: 0.0.165-beta.1 => 0.0.165
- @vx/pattern: 0.0.165-beta.1 => 0.0.165
- @vx/point: 0.0.165-beta.1 => 0.0.165
- @vx/responsive: 0.0.165-beta.1 => 0.0.165
- @vx/scale: 0.0.165-beta.1 => 0.0.165
- @vx/shape: 0.0.165-beta.1 => 0.0.165
- @vx/stats: 0.0.165-beta.1 => 0.0.165
- @vx/text: 0.0.165-beta.1 => 0.0.165
- @vx/threshold: 0.0.165-beta.1 => 0.0.165
- @vx/tooltip: 0.0.165-beta.1 => 0.0.165
- @vx/voronoi: 0.0.165-beta.1 => 0.0.165
- @vx/vx: 0.0.165-beta.1 => 0.0.165
- @vx/zoom: 0.0.165-beta.1 => 0.0.165
startAngle
and endAngle
props in the Pie
component. #292pieSortValues
prop. This maps to d3’s pie.sortValues()
which lets you sort by extracted values instead of data. #292startAngle
and endAngle
props in the Pie
component. #292!= null
for numeric props in Pie
component. #292LineRadial
link. #297<code>
inside headings bigger than <code>
inside paragraphs so components headings are actually clearer as such… #297Pie
component. #292Changes:
- @vx/annotation: 0.0.162 => 0.0.164
- @vx/axis: 0.0.162 => 0.0.164
- @vx/demo: 0.0.163 => 0.0.164
- @vx/grid: 0.0.162 => 0.0.164
- @vx/marker: 0.0.162 => 0.0.164
- @vx/shape: 0.0.162 => 0.0.164
- @vx/threshold: 0.0.162 => 0.0.164
- @vx/vx: 0.0.163 => 0.0.164
getRects
func prop from withBoundingRects
to Tooltip
#290Changes:
- @vx/demo: 0.0.162 => 0.0.163
- @vx/tooltip: 0.0.161 => 0.0.163
- @vx/vx: 0.0.162 => 0.0.163
<Threshold />
#285Changes:
- @vx/annotation: 0.0.161 => 0.0.162
- @vx/axis: 0.0.161 => 0.0.162
- @vx/demo: 0.0.161 => 0.0.162
- @vx/grid: 0.0.161 => 0.0.162
- @vx/marker: 0.0.161 => 0.0.162
- @vx/shape: 0.0.161 => 0.0.162
- @vx/threshold: 0.0.1 => 0.0.162
- @vx/vx: 0.0.161 => 0.0.162
d3-scale-chromatic
, following d3's lead in release 5.0.0. #270@vx/scale
: schemeCategory10
, schemeCategory20
, schemeCategory20b
, schemeCategory20c
. #270containerProps
as a second HOC "config" argument of withTooltip(BaseComponent [, containerProps])
. This exposes a hook to enable users to customize any props on the container element. #272width
and height
to inherit
by default on the container. I'm kind of on the edge with this and am open to removing it because it may be an edge case, but my reasoning is as follows: if a user is combining withTooltip
and a responsive component like ParentSize
like this example, they'll have to update the withTooltip
container div
to also have full width/height so this would be a "smart default". #272d3-scale-chromatic
with vx/scale
. #270@vx/tooltip
components + enhancer. #272<AxisRight />
to /axis demo tile. #280npm run docs
script. #281Changes:
- @vx/annotation: 0.0.160 => 0.0.161
- @vx/axis: 0.0.160 => 0.0.161
- @vx/bounds: 0.0.153 => 0.0.161
- @vx/boxplot: 0.0.153 => 0.0.161
- @vx/brush: 0.0.153 => 0.0.161
- @vx/clip-path: 0.0.153 => 0.0.161
- @vx/curve: 0.0.153 => 0.0.161
- @vx/demo: 0.0.160 => 0.0.161
- @vx/drag: 0.0.157 => 0.0.161
- @vx/event: 0.0.153 => 0.0.161
- @vx/geo: 0.0.153 => 0.0.161
- @vx/glyph: 0.0.153 => 0.0.161
- @vx/gradient: 0.0.153 => 0.0.161
- @vx/grid: 0.0.160 => 0.0.161
- @vx/group: 0.0.153 => 0.0.161
- @vx/heatmap: 0.0.153 => 0.0.161
- @vx/hierarchy: 0.0.153 => 0.0.161
- @vx/legend: 0.0.154 => 0.0.161
- @vx/marker: 0.0.160 => 0.0.161
- @vx/mock-data: 0.0.153 => 0.0.161
- @vx/network: 0.0.153 => 0.0.161
- @vx/pattern: 0.0.153 => 0.0.161
- @vx/point: 0.0.153 => 0.0.161
- @vx/responsive: 0.0.158 => 0.0.161
- @vx/scale: 0.0.153 => 0.0.161
- @vx/shape: 0.0.160 => 0.0.161
- @vx/stats: 0.0.153 => 0.0.161
- @vx/text: 0.0.159 => 0.0.161
- @vx/tooltip: 0.0.160 => 0.0.161
- @vx/voronoi: 0.0.153 => 0.0.161
- @vx/vx: 0.0.160 => 0.0.161
- @vx/zoom: 0.0.153 => 0.0.161
<Link* />
components now use ...additionalProps()
everywhere for consistency. So function props get passed data. example: onClick={event => // stuff}
becomes onClick={data => event => // stuff}
and now you can stroke/fill/attr based on data `stroke={({ target }) => target.data.children ? 'yellow' : 'blue' }. #265path
prop so you can pass in path generator function instead of creating the generator every render. #265Changes:
- @vx/annotation: 0.0.158 => 0.0.160
- @vx/axis: 0.0.159 => 0.0.160
- @vx/demo: 0.0.159 => 0.0.160
- @vx/grid: 0.0.158 => 0.0.160
- @vx/marker: 0.0.158 => 0.0.160
- @vx/shape: 0.0.158 => 0.0.160
- @vx/tooltip: 0.0.158 => 0.0.160
- @vx/vx: 0.0.159 => 0.0.160
<Axis />
components now use @vx/text
to render tick labels. This enables multi line labels and scaling text to fit in a certain amount of space. #260Example:
<Axis
{...axisProps}
tickLabelProps = (tickValue, index) => ({
textAnchor: 'middle',
verticalAnchor: 'middle',
width: 100,
scaleToFit: true
})
/>
<Axis />
components got a new prop tickComponent
to enable rendering of custom ticks. With this prop one can completely customize ticks without having to create a new custom <Axis />
component. #260Example:
<Axis
{...axisProps}
tickComponent={({ x, y, formattedValue }) => (
<g>
<circle cx={x} cy={y} r={2} fill='rebeccapurple' />
<text x={x + 4} y={y}>{formattedValue}</text>
</g>
)}
/>
tickComponent
accepts a function and gets called with the following attribute:
tickComponent({ x, y, formattedValue, ...tickLabelPropsObj })
@vx/axis
documentation. #260@vx/text
package. #257Changes:
- @vx/axis: 0.0.158 => 0.0.159
- @vx/demo: 0.0.158 => 0.0.159
- @vx/text: 0.0.153 => 0.0.159
- @vx/vx: 0.0.158 => 0.0.159
<ParentSize />
with a default of 300ms. #241<TooltipWithBounds />
now also reconsiders window bounds #240Changes:
- @vx/annotation: 0.0.153 => 0.0.158
- @vx/axis: 0.0.153 => 0.0.158
- @vx/demo: 0.0.157 => 0.0.158
- @vx/grid: 0.0.153 => 0.0.158
- @vx/marker: 0.0.153 => 0.0.158
- @vx/responsive: 0.0.153 => 0.0.158
- @vx/shape: 0.0.153 => 0.0.158
- @vx/tooltip: 0.0.153 => 0.0.158
- @vx/vx: 0.0.157 => 0.0.158
svg
prop. This was causing hacky problems like calling forceUpdate
in cDM
. localPoint()
now finds svg from the event argument #233touch-action: none
on drag demos so no scrolling when dragging #233Changes:
- @vx/demo: 0.0.156 => 0.0.157
- @vx/drag: 0.0.156 => 0.0.157
- @vx/vx: 0.0.156 => 0.0.157
resetOnStart
prop (default to false). When true, it will reset drag x,y
to the start point from the mousedown/touchstart event and dx,dy
to 0 on drag start #231Changes:
- @vx/demo: 0.0.155 => 0.0.156
- @vx/drag: 0.0.155 => 0.0.156
- @vx/vx: 0.0.155 => 0.0.156
<Drag />
component + demo #229Changes:
- @vx/demo: 0.0.154 => 0.0.155
- @vx/drag: 0.0.153 => 0.0.155
- @vx/vx: 0.0.154 => 0.0.155
<LegendItem />
propTypes, add click test #227Changes:
- @vx/demo: 0.0.153 => 0.0.154
- @vx/legend: 0.0.153 => 0.0.154
- @vx/vx: 0.0.153 => 0.0.154
Changes:
- @vx/annotation: 0.0.147 => 0.0.153
- @vx/axis: 0.0.152 => 0.0.153
- @vx/bounds: 0.0.147 => 0.0.153
- @vx/boxplot: 0.0.143 => 0.0.153
- @vx/brush: 0.0.143 => 0.0.153
- @vx/clip-path: 0.0.143 => 0.0.153
- @vx/curve: 0.0.143 => 0.0.153
- @vx/demo: 0.0.152 => 0.0.153
- @vx/drag: 0.0.143 => 0.0.153
- @vx/event: 0.0.143 => 0.0.153
- @vx/geo: 0.0.150 => 0.0.153
- @vx/glyph: 0.0.143 => 0.0.153
- @vx/gradient: 0.0.143 => 0.0.153
- @vx/grid: 0.0.147 => 0.0.153
- @vx/group: 0.0.143 => 0.0.153
- @vx/heatmap: 0.0.143 => 0.0.153
- @vx/hierarchy: 0.0.144 => 0.0.153
- @vx/legend: 0.0.143 => 0.0.153
- @vx/marker: 0.0.147 => 0.0.153
- @vx/mock-data: 0.0.147 => 0.0.153
- @vx/network: 0.0.143 => 0.0.153
- @vx/pattern: 0.0.143 => 0.0.153
- @vx/point: 0.0.143 => 0.0.153
- @vx/responsive: 0.0.152 => 0.0.153
- @vx/scale: 0.0.152 => 0.0.153
- @vx/shape: 0.0.147 => 0.0.153
- @vx/stats: 0.0.152 => 0.0.153
- @vx/text: 0.0.152 => 0.0.153
- @vx/tooltip: 0.0.148 => 0.0.153
- @vx/voronoi: 0.0.143 => 0.0.153
- @vx/vx: 0.0.152 => 0.0.153
- @vx/zoom: 0.0.143 => 0.0.153
fontWeight
option to vx-text demo #215getStringWidth
ignoring styles #215@vx/vx
text test. It was looking for TextOutline
export which was removed with the new @vx/text
#224prop-types
dep and use ^
#224Changes:
- @vx/axis: 0.0.151 => 0.0.152
- @vx/demo: 0.0.151 => 0.0.152
- @vx/responsive: 0.0.151 => 0.0.152
- @vx/scale: 0.0.151 => 0.0.152
- @vx/stats: 0.0.151 => 0.0.152
- @vx/text: 0.0.151 => 0.0.152
- @vx/vx: 0.0.151 => 0.0.152
Changes:
- @vx/axis: 0.0.147 => 0.0.151
- @vx/demo: 0.0.150 => 0.0.151
- @vx/responsive: 0.0.150 => 0.0.151
- @vx/scale: 0.0.143 => 0.0.151
- @vx/stats: 0.0.148 => 0.0.151
- @vx/text: 0.0.150 => 0.0.151
- @vx/vx: 0.0.150 => 0.0.151
<TextWrap>
, <TextOutline>
and <TextBackground>
components, which were incomplete #208<Text>
, with the following featuresvx-text
author to @techniq #210Changes:
- @vx/demo: 0.0.149 => 0.0.150
- @vx/geo: 0.0.143 => 0.0.150
- @vx/responsive: 0.0.149 => 0.0.150
- @vx/text: 0.0.143 => 0.0.150
- @vx/vx: 0.0.149 => 0.0.150
resize-observer-polyfill
#206<ParentSize />
parents #206Changes:
- @vx/demo: 0.0.148 => 0.0.149
- @vx/responsive: 0.0.147 => 0.0.149
- @vx/vx: 0.0.148 => 0.0.149
Changes:
- @vx/demo: 0.0.147 => 0.0.148
- @vx/stats: 0.0.147 => 0.0.148
- @vx/tooltip: 0.0.147 => 0.0.148
- @vx/vx: 0.0.147 => 0.0.148
@vx/shape/shapes/Link{Horizontal, Vertical, Radial}.js
=> @vx/shape/shapes/link/diagonal/Link{Horizontal, Vertical, Radial}.js
. #194<TooltipWithBounds />
. #193<ParentSize />
component. #198@vx/boxplot
is deprecated in favor of @vx/stats
in a future release @vx/boxplot
will be removed<ParentSize />
. #198Changes:
- @vx/annotation: 0.0.146 => 0.0.147
- @vx/axis: 0.0.146 => 0.0.147
- @vx/bounds: 0.0.143 => 0.0.147
- @vx/demo: 0.0.146 => 0.0.147
- @vx/grid: 0.0.146 => 0.0.147
- @vx/marker: 0.0.146 => 0.0.147
- @vx/mock-data: 0.0.144 => 0.0.147
- @vx/responsive: 0.0.143 => 0.0.147
- @vx/shape: 0.0.146 => 0.0.147
- @vx/stats: 0.0.143 => 0.0.147
- @vx/tooltip: 0.0.143 => 0.0.147
- @vx/vx: 0.0.146 => 0.0.147
<BarStackHorizontal />
#185Changes:
- @vx/annotation: 0.0.145 => 0.0.146
- @vx/axis: 0.0.145 => 0.0.146
- @vx/demo: 0.0.145 => 0.0.146
- @vx/grid: 0.0.145 => 0.0.146
- @vx/marker: 0.0.145 => 0.0.146
- @vx/shape: 0.0.145 => 0.0.146
- @vx/vx: 0.0.145 => 0.0.146
Changes:
- @vx/annotation: 0.0.144 => 0.0.145
- @vx/axis: 0.0.144 => 0.0.145
- @vx/demo: 0.0.144 => 0.0.145
- @vx/grid: 0.0.144 => 0.0.145
- @vx/marker: 0.0.144 => 0.0.145
- @vx/shape: 0.0.144 => 0.0.145
- @vx/vx: 0.0.144 => 0.0.145
<Arc />
renamed <Pie />
, new <Arc />
not dependent on d3-shape pie generator. #179<Pack />
and <Treemap />
demo tiles + pages. #179<Partition />
classnames from vx-pack
=> vx-partition
. #179Changes:
- @vx/annotation: 0.0.143 => 0.0.144
- @vx/axis: 0.0.143 => 0.0.144
- @vx/demo: 0.0.143 => 0.0.144
- @vx/grid: 0.0.143 => 0.0.144
- @vx/hierarchy: 0.0.143 => 0.0.144
- @vx/marker: 0.0.143 => 0.0.144
- @vx/mock-data: 0.0.143 => 0.0.144
- @vx/shape: 0.0.143 => 0.0.144
- @vx/vx: 0.0.143 => 0.0.144
<Tree />
& <Cluster />
now only pass data
as an argument to the child render function #173<Pack />
, <Partition />
, & <Treemap />
#173Changes:
- @vx/annotation: 0.0.142 => 0.0.143
- @vx/axis: 0.0.142 => 0.0.143
- @vx/bounds: 0.0.141 => 0.0.143
- @vx/boxplot: 0.0.140 => 0.0.143
- @vx/brush: 0.0.140 => 0.0.143
- @vx/clip-path: 0.0.140 => 0.0.143
- @vx/curve: 0.0.140 => 0.0.143
- @vx/demo: 0.0.142 => 0.0.143
- @vx/drag: 0.0.140 => 0.0.143
- @vx/event: 0.0.141 => 0.0.143
- @vx/geo: 0.0.140 => 0.0.143
- @vx/glyph: 0.0.140 => 0.0.143
- @vx/gradient: 0.0.140 => 0.0.143
- @vx/grid: 0.0.142 => 0.0.143
- @vx/group: 0.0.140 => 0.0.143
- @vx/heatmap: 0.0.140 => 0.0.143
- @vx/hierarchy: 0.0.141 => 0.0.143
- @vx/legend: 0.0.141 => 0.0.143
- @vx/marker: 0.0.142 => 0.0.143
- @vx/mock-data: 0.0.136 => 0.0.143
- @vx/network: 0.0.140 => 0.0.143
- @vx/pattern: 0.0.140 => 0.0.143
- @vx/point: 0.0.136 => 0.0.143
- @vx/responsive: 0.0.140 => 0.0.143
- @vx/scale: 0.0.140 => 0.0.143
- @vx/shape: 0.0.142 => 0.0.143
- @vx/text: 0.0.140 => 0.0.143
- @vx/tooltip: 0.0.141 => 0.0.143
- @vx/voronoi: 0.0.140 => 0.0.143
- @vx/vx: 0.0.142 => 0.0.143
- @vx/zoom: 0.0.140 => 0.0.143
Changes:
- @vx/annotation: 0.0.141 => 0.0.142
- @vx/axis: 0.0.141 => 0.0.142
- @vx/demo: 0.0.141 => 0.0.142
- @vx/grid: 0.0.141 => 0.0.142
- @vx/marker: 0.0.141 => 0.0.142
- @vx/shape: 0.0.141 => 0.0.142
- @vx/vx: 0.0.141 => 0.0.142
<Tree />
+ <Cluster />
#163Changes:
- @vx/annotation: 0.0.140 => 0.0.141
- @vx/axis: 0.0.140 => 0.0.141
- @vx/bounds: 0.0.140 => 0.0.141
- @vx/demo: 0.0.140 => 0.0.141
- @vx/event: 0.0.140 => 0.0.141
- @vx/grid: 0.0.140 => 0.0.141
- @vx/hierarchy: 0.0.140 => 0.0.141
- @vx/legend: 0.0.140 => 0.0.141
- @vx/marker: 0.0.140 => 0.0.141
- @vx/shape: 0.0.140 => 0.0.141
- @vx/tooltip: 0.0.140 => 0.0.141
- @vx/vx: 0.0.140 => 0.0.141
Changes:
- @vx/annotation: 0.0.139 => 0.0.140
- @vx/axis: 0.0.139 => 0.0.140
- @vx/bounds: 0.0.137 => 0.0.140
- @vx/boxplot: 0.0.136 => 0.0.140
- @vx/brush: 0.0.136 => 0.0.140
- @vx/clip-path: 0.0.136 => 0.0.140
- @vx/curve: 0.0.136 => 0.0.140
- @vx/demo: 0.0.139 => 0.0.140
- @vx/drag: 0.0.136 => 0.0.140
- @vx/event: 0.0.136 => 0.0.140
- @vx/geo: 0.0.136 => 0.0.140
- @vx/glyph: 0.0.136 => 0.0.140
- @vx/gradient: 0.0.136 => 0.0.140
- @vx/grid: 0.0.139 => 0.0.140
- @vx/group: 0.0.136 => 0.0.140
- @vx/heatmap: 0.0.136 => 0.0.140
- @vx/hierarchy: 0.0.139 => 0.0.140
- @vx/legend: 0.0.139 => 0.0.140
- @vx/marker: 0.0.139 => 0.0.140
- @vx/network: 0.0.136 => 0.0.140
- @vx/pattern: 0.0.136 => 0.0.140
- @vx/responsive: 0.0.136 => 0.0.140
- @vx/scale: 0.0.136 => 0.0.140
- @vx/shape: 0.0.139 => 0.0.140
- @vx/text: 0.0.136 => 0.0.140
- @vx/tooltip: 0.0.137 => 0.0.140
- @vx/voronoi: 0.0.136 => 0.0.140
- @vx/vx: 0.0.139 => 0.0.140
- @vx/zoom: 0.0.136 => 0.0.140
<Stack />
for streamgraphs and other fun + exciting things #153Changes:
- @vx/annotation: 0.0.136 => 0.0.139
- @vx/axis: 0.0.138 => 0.0.139
- @vx/demo: 0.0.138 => 0.0.139
- @vx/grid: 0.0.136 => 0.0.139
- @vx/hierarchy: 0.0.138 => 0.0.139
- @vx/legend: 0.0.136 => 0.0.139
- @vx/marker: 0.0.136 => 0.0.139
- @vx/shape: 0.0.136 => 0.0.139
- @vx/vx: 0.0.138 => 0.0.139
@vx/axis
api, update docs #142Changes:
- @vx/axis: 0.0.136 => 0.0.138
- @vx/demo: 0.0.137 => 0.0.138
- @vx/hierarchy: 0.0.136 => 0.0.138
- @vx/vx: 0.0.137 => 0.0.138
Changes:
- @vx/bounds: 0.0.136 => 0.0.137
- @vx/demo: 0.0.136 => 0.0.137
- @vx/tooltip: 0.0.136 => 0.0.137
- @vx/vx: 1.0.0 => 0.0.137
Changes:
- @vx/annotation: 0.0.131 => 0.0.136
- @vx/axis: 0.0.134 => 0.0.136
- @vx/bounds: 0.0.129 => 0.0.136
- @vx/boxplot: 0.0.131 => 0.0.136
- @vx/brush: 0.0.127 => 0.0.136
- @vx/clip-path: 0.0.127 => 0.0.136
- @vx/curve: 0.0.127 => 0.0.136
- @vx/demo: 0.0.135 => 0.0.136
- @vx/drag: 0.0.127 => 0.0.136
- @vx/event: 0.0.127 => 0.0.136
- @vx/geo: 0.0.135 => 0.0.136
- @vx/glyph: 0.0.127 => 0.0.136
- @vx/gradient: 0.0.129 => 0.0.136
- @vx/grid: 0.0.131 => 0.0.136
- @vx/group: 0.0.127 => 0.0.136
- @vx/heatmap: 0.0.127 => 0.0.136
- @vx/hierarchy: 0.0.127 => 0.0.136
- @vx/legend: 0.0.127 => 0.0.136
- @vx/marker: 0.0.131 => 0.0.136
- @vx/mock-data: 0.0.135 => 0.0.136
- @vx/network: 0.0.135 => 0.0.136
- @vx/pattern: 0.0.127 => 0.0.136
- @vx/point: 0.0.127 => 0.0.136
- @vx/responsive: 0.0.127 => 0.0.136
- @vx/scale: 0.0.127 => 0.0.136
- @vx/shape: 0.0.131 => 0.0.136
- @vx/text: 0.0.127 => 0.0.136
- @vx/tooltip: 0.0.134 => 0.0.136
- @vx/voronoi: 0.0.127 => 0.0.136
- @vx/zoom: 0.0.127 => 0.0.136
Changes:
- @vx/demo: 0.0.134 => 0.0.135
- @vx/geo: 0.0.134 => 0.0.135
- @vx/mock-data: 0.0.127 => 0.0.135
- @vx/network: 0.0.127 => 0.0.135
<TooltipWithBounds />
and PropTypes to @vx/tooltip
exports #108Changes:
- @vx/axis: 0.0.133 => 0.0.134
- @vx/demo: 0.0.133 => 0.0.134
- @vx/tooltip: 0.0.133 => 0.0.134
Changes:
- @vx/axis: 0.0.131 => 0.0.133
- @vx/demo: 0.0.132 => 0.0.133
- @vx/tooltip: 0.0.127 => 0.0.133
Changes:
- @vx/demo: 0.0.131 => 0.0.132
- @vx/geo: 0.0.132 => 0.0.132
Changes:
- @vx/annotation: 0.0.130 => 0.0.131
- @vx/axis: 0.0.130 => 0.0.131
- @vx/boxplot: 0.0.127 => 0.0.131
- @vx/demo: 0.0.130 => 0.0.131
- @vx/grid: 0.0.130 => 0.0.131
- @vx/marker: 0.0.130 => 0.0.131
- @vx/shape: 0.0.130 => 0.0.131
Changes:
- @vx/annotation: 0.0.127 => 0.0.130
- @vx/axis: 0.0.127 => 0.0.130
- @vx/demo: 0.0.129 => 0.0.130
- @vx/grid: 0.0.127 => 0.0.130
- @vx/marker: 0.0.127 => 0.0.130
- @vx/shape: 0.0.127 => 0.0.130
@vx/bounds
package with withBoundingRects()
HOC #91Changes:
- @vx/bounds: 0.0.128 => 0.0.129
- @vx/demo: 0.0.128 => 0.0.129
- @vx/gradient: 0.0.128 => 0.0.129
lerna publish
failed midway throughChanges:
- @vx/bounds: 0.0.0 => 0.0.128
- @vx/demo: 0.0.127 => 0.0.128
- @vx/gradient: 0.0.127 => 0.0.128
@vx/boxplot
#89genBoxPlot()
#89Changes:
- @vx/annotation: 0.0.126 => 0.0.127
- @vx/axis: 0.0.126 => 0.0.127
- @vx/boxplot: 1.0.0 => 0.0.127
- @vx/brush: 0.0.126 => 0.0.127
- @vx/clip-path: 0.0.126 => 0.0.127
- @vx/curve: 0.0.126 => 0.0.127
- @vx/demo: 0.0.126 => 0.0.127
- @vx/drag: 0.0.126 => 0.0.127
- @vx/event: 0.0.126 => 0.0.127
- @vx/glyph: 0.0.126 => 0.0.127
- @vx/gradient: 0.0.126 => 0.0.127
- @vx/grid: 0.0.126 => 0.0.127
- @vx/group: 0.0.126 => 0.0.127
- @vx/heatmap: 0.0.126 => 0.0.127
- @vx/hierarchy: 0.0.126 => 0.0.127
- @vx/legend: 0.0.126 => 0.0.127
- @vx/marker: 0.0.126 => 0.0.127
- @vx/mock-data: 0.0.126 => 0.0.127
- @vx/pattern: 0.0.126 => 0.0.127
- @vx/point: 0.0.126 => 0.0.127
- @vx/responsive: 0.0.126 => 0.0.127
- @vx/scale: 0.0.126 => 0.0.127
- @vx/shape: 0.0.126 => 0.0.127
- @vx/text: 0.0.126 => 0.0.127
- @vx/tooltip: 0.0.126 => 0.0.127
- @vx/voronoi: 0.0.126 => 0.0.127
- @vx/zoom: 0.0.126 => 0.0.127
data
passed to each bar in <BarStack /> #87lerna publish
failed midway throughChanges:
- @vx/axis: 0.0.120 => 0.0.124
- @vx/demo: 0.0.123 => 0.0.124
- @vx/glyph: 0.0.121 => 0.0.124
- @vx/gradient: 0.0.120 => 0.0.124
- @vx/legend: 0.0.121 => 0.0.124
@vx/voronoi
#78Changes:
- @vx/demo: 0.0.122 => 0.0.123
- @vx/voronoi: 1.0.0 => 0.0.123
lerna publish --exact
before lerna bootstrap
and it failed to publish, but managed to increment versions and couldn't figure how to "undo" it so rolling foward to v0.0.123Changes:
- @vx/demo: 0.0.122 => 0.0.122
- @vx/voronoi: 0.0.0 => 0.0.122
@vx/legend
#77scaleQuantize
, scaleQuantile
, scaleThreshold
GlyphCross
but it's not working yetChanges:
- @vx/demo: 0.0.120 => 0.0.121
- @vx/glyph: 0.0.120 => 0.0.121
- @vx/legend: 1.0.0 => 0.0.121
- @vx/scale: 0.0.117 => 0.0.121
react
to peerDep & devDep #75restProps
+ additionalProps
to shape & glyph #76y0
to the range's start not 0
#45Changes:
- @vx/annotation: 0.0.119 => 0.0.120
- @vx/axis: 0.0.119 => 0.0.120
- @vx/brush: 0.0.114 => 0.0.120
- @vx/clip-path: 0.0.0 => 0.0.120
- @vx/demo: 0.0.119 => 0.0.120
- @vx/drag: 0.0.114 => 0.0.120
- @vx/glyph: 0.0.114 => 0.0.120
- @vx/gradient: 0.0.112 => 0.0.120
- @vx/grid: 0.0.119 => 0.0.120
- @vx/group: 0.0.114 => 0.0.120
- @vx/heatmap: 0.0.116 => 0.0.120
- @vx/hierarchy: 0.0.119 => 0.0.120
- @vx/marker: 0.0.119 => 0.0.120
- @vx/pattern: 0.0.112 => 0.0.120
- @vx/responsive: 0.0.115 => 0.0.120
- @vx/shape: 0.0.119 => 0.0.120
- @vx/text: 0.0.114 => 0.0.120
<BarGroup />
& <BarStack />
#39transform
prop #31