Search Results for "axis"

Chart.xkcd is a chart library plots “sketchy”, “cartoony” or “hand-drawn” styled charts. It’s easy to get started with chart.xkcd. All that’s required is the script included in your page along with a single <svg> node to render the chart. You can install chart.xkcd via script tag in HTML or via npm. Line chart displays series of data points in the form of lines. It can be used to show trend data, or comparison of different data sets. XY chart is used to plot points by specifying their XY...

Plotly JavaScript Open Source Graphing Library. Built on top of d3.js and stack.gl, Plotly.js is a high-level, declarative charting library. plotly.js ships with over 40 chart types, including 3D charts, statistical graphs, and SVG maps. plotly.js is free and open source and you can view the source, report issues or contribute on GitHub. For plotly.js to build with Webpack you will need to install ify-loader@v1.1.0+ and add it to your webpack.config.json. This adds Browserify transform...

...Bar chart which can display multiple data series, stacked or side by side. Also supports both vertical and horizontal layout, with negative values descending below the x axis.

...It allows developers to add drag-and-drop functionality to HTML elements with minimal configuration and overhead. The library is designed to be simple and efficient, providing a straightforward API for handling drag events and constraints. It supports features such as axis locking, containment boundaries, and event callbacks, giving developers control over how elements behave during interaction. Draggabilly is commonly used in interactive UI components, dashboards, and design tools where draggable elements enhance usability. It is also compatible with modern browsers and integrates easily with other JavaScript frameworks. ...

Phaser Arcade Slopes is a plugin for Phaser CE that enhances the Arcade Physics engine by introducing sloped tile collision handling. It allows for more realistic and varied terrain interactions in 2D games, enabling characters to move smoothly over inclined surfaces.

...Decrement prop by val, where val is an Number (click several times). Set animation duration to n which is a Number or a string such as "4s". Translate x and optionally y axis. Set animation-delay to n which is a Number or a string such as "4s". Move is packaged with a minified version, re-built each release. We can also pass flags to uglifyjs.

...Designed to integrate easily with jQuery workflows, the plugin emphasizes simplicity while still offering smooth animations and configurable behavior. Developers can customize movement intensity, axis constraints, calibration, inversion, and origin positioning to create tailored interactive experiences. The project also supports responsive layouts and device orientation input for mobile environments, extending the parallax effect beyond desktop cursor interaction.

...As standalone just include the file in a script tag. The slide intent is an int between 0 and 90, and represents the degrees in the first quadrant of a circle that you would like to have mirrored on the X and Y axis. For example, if you have 40 set as your slideIntent value, the user would only be able to slide the pane by dragging in the blue area in the diagram below. Once intent has been defined, it will not change until the user releases. CSS3 Powered Animations with IE fallbacks, drag support, drag handle support. Programatic API, "No-Drag" elements, and definable easing mode. ...

HTML5 canvas chart library (javascript) . Display and animate charts & graph in HTML5 Canvas. Signal,pie,ring,led,digital,odometer, radial and lineal meters, thermometer and vumeter,piramid,funnel,stack and Multiserie charts availables

A JavaScript component that allows an ordinary HTML table to be visually browsed both in the 'X' and 'Y' axis, as a Cartesian Coordinate System. Highlights it's rows, columns and/or single cells and allows the user to mark and unmark them.