GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → pomber → react-svg-curve

pomber / react-svg-curve

Licence: MIT License
React components to draw different types of curves with svg

Programming Languages

typescript
32286 projects
CSS
56736 projects
HTML
75241 projects

Labels

reactsvgbezierpathcurvesmoothspline

Projects that are alternatives of or similar to react-svg-curve

BezierKit
Bezier curves and paths in Swift for building vector applications
Stars: ✭ 190 (+352.38%)
Mutual labels:  bezier, path, curve
Nurbs Python
Object-oriented pure Python B-Spline and NURBS library
Stars: ✭ 295 (+602.38%)
Mutual labels:  bezier, curve
Unity-Procedural
Spline based mesh generation
Stars: ✭ 67 (+59.52%)
Mutual labels:  bezier, spline
Beziercurve
Bezier curve master
Stars: ✭ 43 (+2.38%)
Mutual labels:  bezier, curve
Pathslider
Numerical slider that follows a Bezier path
Stars: ✭ 15 (-64.29%)
Mutual labels:  path, curve
Macsvg
macSVG - An open-source macOS app for designing HTML5 SVG (Scalable Vector Graphics) art and animation with a WebKit web view ➤➤➤
Stars: ✭ 789 (+1778.57%)
Mutual labels:  bezier, path
Moto.js
A light motion library with curvilinear support.
Stars: ✭ 24 (-42.86%)
Mutual labels:  bezier, curve
Naughtybeziercurves
Bezier Curve Game Object for Unity
Stars: ✭ 195 (+364.29%)
Mutual labels:  bezier, curve
Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (+261.9%)
Mutual labels:  bezier, path
Shapes
📐 Net standard geometry/shape manipulation library, can be used to merge / split shapes
Stars: ✭ 95 (+126.19%)
Mutual labels:  bezier, path
Curvejs
Made curve a dancer in HTML5 canvas - 魔幻线条
Stars: ✭ 1,251 (+2878.57%)
Mutual labels:  bezier, curve
SonogramView
Audio visualisation of song
Stars: ✭ 65 (+54.76%)
Mutual labels:  bezier, path
react-svg-pathline
React component for drawing SVG path through set of points, smoothing the corners
Stars: ✭ 42 (+0%)
Mutual labels:  path, smooth
re-gent
A Distributed Clojure agent for running remote functions
Stars: ✭ 18 (-57.14%)
Mutual labels:  curve
readdir
Recursively read a directory, blazing fast. Use with picomatch or micromatch to match globs.
Stars: ✭ 37 (-11.9%)
Mutual labels:  path
plugins
Elder.js plugins and community plugins.
Stars: ✭ 80 (+90.48%)
Mutual labels:  path
smoovy
A collection of small and useful js packages (smooth scrolling, utils, etc.) preventing copy & paste
Stars: ✭ 25 (-40.48%)
Mutual labels:  smooth
svg-path-bbox
SVG paths bounding box calculator
Stars: ✭ 17 (-59.52%)
Mutual labels:  path
file-icon-cli
Get the icon of a file or app as a PNG image (macOS)
Stars: ✭ 73 (+73.81%)
Mutual labels:  path
relative-path
Portable relative UTF-8 paths for Rust.
Stars: ✭ 54 (+28.57%)
Mutual labels:  path
View All Similar Projects ➔

react-svg-curve

React components to draw different types of curves with svg. It wraps all the curve paths from d3-shape.

Install

npm install react-svg-curve

Use

import { BasisCurve } from 'react-svg-curve';

function App() {
  return (
    <svg width="100" height="40">
      <BasisCurve
        data={[
          [0, 10],
          [50, 35],
          [100, 0],
        ]}
      />
    </svg>
  );
}

BasisCurve is one of many types of curves available. Go to the demo on codesandbox to see all the curves and options.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].