A curve is a function that can be passed into other vx objects, mainly a LinePath to change the way the line is structured.
For example, checkout the difference between a Curve.natural:
and a Curve.step:
The @vx/curve package is a wrapper over d3-shape curve functions.
Any function with the prefix curve in d3 can be used through vx like so:
import { curveCatmullRomOpen } from '@vx/curve';
let line = (<Shape.LinePath curve={curveCatmullRomOpen} />)
// or if you want namespace all Curves under the `Curve`
import * as Curve from `@vx/curve`;
let line = (<Shape.LinePath curve={Curve.curveCatmullRomOpen} />)
| vx | d3 |
|---|---|
| curveBasis | curveBasis |
| curveBasisClose | curveBasisClosed |
| curveBasisOpen | curveBasisOpen |
| curveStep | curveStep |
| curveStepAfter | curveStepAfter |
| curveStepBefore | curveStepbefore |
| curveBundle | curveBundle |
| curveLinear | curveLinear |
| curveLinearClosed | curveLinearClosed |
| curveMonotoneX | curveMonotoneX |
| curveMonotoneY | curveMonotoneY |
| curveCardinal | curveCardinal |
| curveCardinalClosed | curveCardinalClosed |
| curveCardinalOpen | curveCardinalOpen |
| curveCatmullRom | curveCatmullRom |
| curveCatmullRomClosed | curveCatmullRomClosed |
| curveCatmullRomOpen | curveCatmullRomOpen |
| curveNatural | curveNatural |
FAQs
vx curve
The npm package @vx/curve receives a total of 17,988 weekly downloads. As such, @vx/curve popularity was classified as popular.
We found that @vx/curve demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.
Security News
RubyGems.org has added a new "maintainer" role that allows for publishing new versions of gems. This new permission type is aimed at improving security for gem owners and the service overall.
Security News
Node.js will be enforcing stricter semver-major PR policies a month before major releases to enhance stability and ensure reliable release candidates.