Open Source JavaScript Graphics Software - Page 22
Sort By:
JavaScript Graphics Software
View 4990 business solutionsBrowse free open source JavaScript Graphics Software and projects below. Use the toggles on the left to filter open source JavaScript Graphics Software by OS, license, language, programming language, and project status.
-
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
1
react-imgpro
Image Processing Component for React
react-imgpro is an image-processing component for React. This component process an image with filters supplied as props and returns a base64 image. I was working on a project last month which involved a lot of image processing and I'd to rely on third party libraries. But before using them directly, I'd to learn different concepts in gl (shaders) and then try to implement them in React. The difficult part was not learning but it was the verbosity, boilerplate code and redundancy introduced by the libraries in the codebase. It was getting difficult to organize all the things. And React's component-based model was perfect for hiding all the implementation details in a component. -
2
react-native-animatable
Set of animations and declarative transitions for React Native
Declarative transitions and animations for React Native. To animate things you must use the createAnimatableComponent composer similar to the Animated.createAnimatedComponent. The common components View, Text and Image are precomposed and exposed under the Animatable namespace. If you have your own component that you wish to animate, simply wrap it with a Animatable.View. To make looping animations simply set the iterationCount to infinite. Most animations except the attention seekers work best when setting direction to alternate. You can create your own simple transitions of a style property of your own choosing. The following example will increase the font size by 5 for every tap, all animated, all declarative! If you don't supply a duration property, a spring animation will be used. Transitions require StyleSheet.flatten available in React Native 0.15 or later. If you are running on anything lower, please polyfill as described under imperative usage. -
3
react-native-scrollable-tab-view
Tabbed navigation that you can swipe between
One of the best navigation patterns on Android. This is a very simple JavaScript-only implementation of it for React Native. Animations are very important to create a great user experience. Stationary objects must overcome inertia as they start moving. Objects in motion have momentum and rarely come to a stop immediately. Animations allow you to convey physically believable motion in your interface. The Animated API is designed to concisely express a wide variety of interesting animation and interaction patterns in a very performant way. Animated focuses on declarative relationships between inputs and outputs, with configurable transforms in between, and start/stop methods to control time-based animation execution. -
4
read chung is a small txt reader with multilingual tts text to speech voices from responsivevoice and yandextranslate and animated 3D face avatar written in html5 , javascript and uses jsc3D .
-
99.99% Uptime for MySQL and PostgreSQL DatabasesCloud SQL Enterprise Plus delivers near-zero downtime with 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server.
-
5
reddit-place-kcorp
UserScript de l'overlay de la KCorp pour le /r/place 2022
Reddit Place KCorp Overlay is a UserScript designed to assist the Karmine Corp (KCorp) community during Reddit's r/place 2022 event. It overlays a template on the Reddit canvas, guiding participants in placing pixels accurately to collaboratively recreate the KCorp logo and designs. This tool was instrumental in coordinating efforts among fans to maintain the integrity of their artwork during the event. -
6
remark
A simple, in-browser, markdown-driven slideshow tool
A simple, in-browser, Markdown-driven slideshow tool targeted at people who know their way around HTML and CSS. If your ideal slideshow creation workflow contains any of the following steps, just write what's on your mind, do some basic styling, easily collaborate with others, share with and show to everyone, then remark might be perfect for your next slideshow! Focus on the content, expressing yourself in next to plain text not worrying what flashy graphics and disturbing effects to put where. Store it wherever you like; on your computer, hosted from your Dropbox, hosted on Github Pages alongside the stuff you're presenting. Easily collaborate with others, keeping track of changes using your favourite SCM tool, like Git or Mercurial. A Markdown-formatted chunk of text is transformed into individual slides by JavaScript running in the browser. -
7
retina.js
JavaScript helpers for rendering high-resolution image variants
retina.js makes it easy to serve high-resolution images to devices with displays that support them. You can prepare images for as many levels of pixel density as you want and let retina.js dynamically serve the right image to the user. retina.js assumes you are using Apple's prescribed high-resolution modifiers (@2x, @3x, etc) to denote high-res image variants on your server. It also assumes that if you have prepared a variant for a given high-res environment, that you have also prepared variants for each environment below it. For example, if you have prepared 3x variants, retina.js will assume that you have also prepared 2x variants. If the environment does have 3x capabilities, retina.js will serve up the 3x image. It will expect that url to be /images/my_image@3x.png. If the environment has the ability to display images at higher densities than 3x, retina.js will serve up the image of the highest resolution that you've provided, in this case 3x. -
8
-
9
-
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
10
shots
An application for creating screenshots
Screen capture applications are much more than utilities that allow us to capture, annotate and share parts of our computer’s screen but, if properly included into our workflow, they can quickly become efficient communications tools. With a rather suggestive name, –shots is a simplistic and unpretentious, Electron-based piece of software that allows you to capture screenshots, as well as edit and annotate them. -
11
simpleParallax.js
Simple and tiny JavaScript library that adds parallax animations
simpleParallax.js is a very simple and tiny Vanilla JS library that adds parallax animations on any image. Where it may be laborious to get results through other plugins, simpleParallax.js stands out for its ease and its visual rendering. The parallax effect is directly applied to image tags, there is no need to use background images. -
12
A simple slide show of images. Code is JavaScript, used jQuery library. Easy web slide show of photos.
-
13
Slideshow broadcast over the Web, with the slideshow operator/presenter controlling when slides change. Requires only a browser for presenter and viewer(s). Still-image slideshows are supported; support for text/HTML slideshows is under development now.
-
14
snabbt.js
Fast animations with javascript and CSS transforms
snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices. snabbt.js is built to be fast. It will only animate things that modern browsers can animate cheaply, transforms and opacity. The goal is to make a library that will let the user make smooth animations without needing to know too much about browser rendering. Note, for convenience, width and height are animatable too, but beware since they may cause page reflows and slow down your animations. No arbitrary property animations, e.g. colors, padding, margin or line height animations. For performance reasons, snabbt never queries the DOM. -
15
Java library of chart. It supports 2d and 3d visualization of line charts,pie charts,bar charts etc.
-
16
soccerPitchTeamEdition
Edition of football teams on HTML canvas- javascript source
This javascript code provides tools to compose your own football teams on real soccer pitch which is drawn on a html canvas and therefore this could be rendered on image PNG . This code also use an other open source library (jscolor) editor site here : http://jscolor.com which help this code to use color picker this tool also provides some report match features. -
17
SAPA is a very simple web photo album. It allows you to share your photos on the web. The only things have have to do is to define the root directory of your photos. SAPA will be able to show you every photos in subfolders.
-
18
-
19
-
20
textures.js
SVG patterns for data visualization
Textures.js is a JavaScript library for creating SVG patterns. Made on top of d3.js, it is designed for data visualization. Import textures.js from NPM. You can also use textures.js in your HTML page with a <script> tag by downloading textures.js to a local folder or by using the Unpkg CDN network. Textures.js can be used alongside d3. -
21
tracking.js
A modern approach for Computer Vision on the web
The tracking.js library brings different computer vision algorithms and techniques into the browser environment. By using modern HTML5 specifications, we enable you to do real-time color tracking, face detection and much more, all that with a lightweight core (~7 KB) and intuitive interface. To get started, download the project. This project includes all of the tracking.js examples, source code dependencies you'll need to get started. Unzip the project somewhere on your local drive. The package includes an initial version of the project you'll be working with. While you're working, you'll need a basic HTTP server to serve your pages. Test out the web server by loading the finished version of the project. The main goal of tracking.js is to provide those complex techniques in a simple and intuitive way on the web. We believe computer vision is important to improve people's life, bringing it to the web will make this future a reality a lot faster. -
22
tuuli
Webgl Engine
This is a Webgl Engine. Just for fun, maybee something interesting will develop. Contains MMO options. -
23
twitter-text
This code is used at Twitter to tokenize and parse text
Twitter Text Libraries. This code is used at Twitter to tokenize and parse text to meet the expectations for what can be used on the platform. This repository is a collection of libraries and conformance tests to standardize parsing of Tweet text. It synchronizes development, testing, creating issues, and pull requests for twitter-text's implementations and specification. These libraries are responsible for determining the quantity of characters in a Tweet and identifying and linking any URL, @username, #hashtag, or $cashtag. Emoji supported by twemoji always count as two characters, regardless of combining modifiers. This includes emoji which have been modified by Fitzpatrick skin tone or gender modifiers, even if they are composed of significantly more Unicode code points. Emoji weight is defined by a regular expression in twitter-text that looks for sequences of standard emoji combined with one or more Unicode Zero Width Joiners (U+200D). -
24
two.js
A renderer agnostic two-dimensional drawing api for the web
Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl. Two.js is deeply inspired by flat motion graphics. As a result, two.js aims to make the creation and animation of flat shapes easier and more concise. At its core two.js relies on a scenegraph. This means that when you draw or create an object (a Two.Path or Two.Group), two actually stores and remembers that. After you make the object you can apply any number of operations to it. Two.js has a built in animation loop. It is simple in nature and can be automated or paired with another animation library. Two.js features a Scalable Vector Graphics Interpreter. This means developers and designers alike can create SVG elements in commercial applications like Adobe Illustrator and bring them into your two.js scene. -
25
uPlot
Chart for time series, lines, areas, ohlc and bars
μPlot is a fast, memory-efficient Canvas 2D-based chart for plotting time series, lines, areas, ohlc & bars; from a cold start it can create an interactive chart containing 150,000 data points in 135ms, scaling linearly at ~25,000 pts/ms. In addition to fast initial render, the zooming and cursor performance is by far the best of any similar charting lib; at ~40 KB, it's likely the smallest and fastest time series plotter that doesn't make use of context-limited WebGL shaders or WASM, both of which have much higher startup cost and code size. However, if you need 60fps performance with massive streaming datasets, uPlot can only get you so far. WebGL should still be the tool of choice for applications like realtime signal or waveform visualizations: See danchitnis/webgl-plot, huww98/TimeChart, epezent/implot, or commercial products like LightningChart®.
