|Ratings|| ||Unique User Downloads|| ||Download Rankings|
|Not enough user ratings||Total: 71 ||All time: 465 This week: 4|
|jplotgraph 1.1.0||Custom (specified...||5||Graphics|
This package can plot the values of a function in a canvas.
The is an object that can render the values of an equation function in a bidimensional area defined inside a canvas object.
The equation function is defined by another object that also defined how the points in the canvas are drawn.
Another objects allows the user to change the graph points using mouse movements.
Prize: One downloadable e-book of choice by O'Reilly
|Graphs are often used to visualize the way the values of functions evolve within a range of input values.
This package can visualize the values of functions using canvas to display them on a Web page.
It uses callback functions of other objects to return the values of the current function.
The values of the functions in the graph may be changed interactively by the user with the mouse.
Online Example and JS Classes
This package build a graph (cartesian plane) in Canvas [HTML5] through a determinate equation. Any Canvas element can be used to plot the graph, until with width and height responsives.
The Online Example show a plot of linear function with many options to user interface. The user can in real-time do changes to the values of variables,
event.mousemove to see a (x, y) in draw and
event.mouseclick to pause the draw events. Also, use Canvas responsive (with Bootstrap) to display the program in various devices. This example is in the files.
The package is in
./dist/jPlotGraph/, and are defined by two main classes:
* This class management all system of draw graph. Here you can modify colors, equation, axis, sizes, margins and texts.
file plot.events.js - json.functions `events`
* These functions realize the user interface (UI) interaction (like: mousemove, mouseleave and click). Here you can modify how behave the UI with the Canvas element.
But, the package don't work without
func_plot. That's functions have to be included before of the plot graph. Theses functions define how draw the equation and how fit max and min values of f(x). See file plot.func.linear.js, used in example.
Also look ~
||Applications that use this package
No pages of applications that use this class were specified.
If you know an application of this package, send a message to the author to add a link here.