function-plot
TypeScript icon, indicating that this package has built-in type declarations

1.24.4 • Public • Published

image

NPM js-standard-style storybook


function-plot is a powerful library built on top of D3.js whose purpose is to render functions with little configuration, think of it as a little clone of Google's plotting utility: y = x * x

The library currently supports interactive line charts and scatterplots, whenever the graph scale is modified the function is evaluated again with the new bounds, result: infinite graphs!

Edit function-plot

image,

Thanks to @liuyao12 for the initial version of the Observable notebook, you can check his own version here https://beta.observablehq.com/@liuyao12/function-plot

Installation

npm install function-plot

Usage

import functionPlot from 'function-plot'
functionPlot({
  target: '#root',
  data: [{
    fn: 'x^2',
    derivative: {
      fn: '2*x',
      updateOnMouseMove: true
    }
  }]
})

Check more examples in the homepage

Check the available options in the docs

License

2015-2023 MIT © Mauricio Poppe

FOSSA Status

Package Sidebar

Install

npm i function-plot

Weekly Downloads

2,693

Version

1.24.4

License

MIT

Unpacked Size

726 kB

Total Files

77

Last publish

Collaborators

  • maurizzzio
  • mauriciopoppe