Skip to content

Releases: airbnb/visx

v0.0.159

29 Mar 15:17
Compare
Choose a tag to compare

πŸš€ Enhancements

  • [axis] By default <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. #260

Example:

<Axis 
  {...axisProps}
  tickLabelProps = (tickValue, index) => ({
    textAnchor: 'middle',
    verticalAnchor: 'middle',
    width: 100,
    scaleToFit: true
  })
/>
  • [axis] <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. #260

Example:

<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 })

πŸ“ Documentation

  • [axis] update @vx/axis documentation. #260
  • [demo] fix bargroup example code. #250
  • [demo] fix barstack example code. #249
  • [text] fix readme.md of @vx/text package. #257

πŸ† Contributers

Changes:
 - @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

v0.0.158

29 Mar 15:17
Compare
Choose a tag to compare

πŸš€ Enhancements

  • [responsive] add debounceTime prop to <ParentSize /> with a default of 300ms. #241
  • [tooltip] <TooltipWithBounds /> now also reconsiders window bounds #240

🏠 Internal

  • [demo] fix streamgraph transparent fill #242

πŸ† Contributors

Changes:
 - @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

v0.0.157

29 Mar 15:18
Compare
Choose a tag to compare

πŸš€ Enhancements

  • [drag] remove svg prop. This was causing hacky problems like calling forceUpdate in cDM. localPoint() now finds svg from the event argument #233

πŸ“ Documentation

  • [demo] update drag demos, add touch-action: none on drag demos so no scrolling when dragging #233

πŸ† Contributers

Changes:
 - @vx/demo: 0.0.156 => 0.0.157
 - @vx/drag: 0.0.156 => 0.0.157
 - @vx/vx: 0.0.156 => 0.0.157

v0.0.156

17 Jan 21:15
Compare
Choose a tag to compare

πŸš€ Enhancements

  • [drag] add 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 #231

πŸ“ Documentation

  • [demo] add /drag-ii demo of a drawboard made with drag #231

πŸ† Contributers

Changes:
 - @vx/demo: 0.0.155 => 0.0.156
 - @vx/drag: 0.0.155 => 0.0.156
 - @vx/vx: 0.0.155 => 0.0.156

v0.0.155

17 Jan 21:15
Compare
Choose a tag to compare

πŸš€ Enhancements

  • [drag] add <Drag /> component + demo #229

πŸ† Contributers

Changes:
 - @vx/demo: 0.0.154 => 0.0.155
 - @vx/drag: 0.0.153 => 0.0.155
 - @vx/vx: 0.0.154 => 0.0.155

v0.0.154

12 Jan 20:19
Compare
Choose a tag to compare

πŸš€ Enhancements

  • [legend] make legend items clickable, add <LegendItem /> propTypes, add click test #227

πŸ† Contributers

Changes:
 - @vx/demo: 0.0.153 => 0.0.154
 - @vx/legend: 0.0.153 => 0.0.154
 - @vx/vx: 0.0.153 => 0.0.154

v0.0.153

12 Jan 18:17
Compare
Choose a tag to compare

🏠 Internal

  • [internal] add sideEffects: false to pkg for webpack 4 #225

πŸ† Contributers

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

v0.0.152

10 Jan 19:16
Compare
Choose a tag to compare

πŸš€ Enhancements

  • [text] add fontWeight option to vx-text demo #215

πŸ“ Documentation

  • [demo] add vx-text tile and update /text demo #214
  • [responsive] add description and example of each component and enhancer #217

πŸ› Bug Fix

  • [text] fix memoized getStringWidth ignoring styles #215
  • [text] remove default width and height from measurement SVG #219
  • [scale] fix scalePower api to take in exponent instead of base #223

🏠 Internal

πŸ† Contributers

Changes:
 - @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

v0.0.151

10 Jan 19:16
Compare
Choose a tag to compare
  • ignore this one, v0.0.152 includes what v0.0.151 was supposed be. i messed up the publish.
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

v0.0.150

14 Dec 16:42
Compare
Choose a tag to compare

πŸ’₯ Breaking Changes

  • [text] Removes <TextWrap>, <TextOutline> and <TextBackground> components, which were incomplete #208

πŸš€ Enhancements

  • [geo] Added pointRadius and fixed center #213
  • [text] Add new <Text>, with the following features
    • Word-wrapping (when width prop is defined)
    • Vertical alignment (verticalAnchor prop)
    • Rotation (angle prop)
    • Scale-to-fit text (scaleToFit prop)

πŸ› Bug Fix

  • [geo] Fixed center typo #213

πŸ“ Documentation

  • [responsive] Backticks import not working so, copy paste broken #212

🏠 Internal

Changes:
 - @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