Open Source JavaScript Graphics Software - Page 5
Sort By:
JavaScript Graphics Software
View 5055 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.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
Build Data Resilience - Take the Assessment TodayIs your recovery strategy as strong as you think? Take this quick self-assessment to check your recovery readiness and gain tailored insights. In only 2 minutes, you'll learn where you fall on the recovery readiness scale.
-
1
Vivus.js
JavaScript library to make drawing animation on SVG
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. Every path element is drawn at the same time with a small delay at the start. This is currently the default animation. Each line is drawn synchronously. They all start and finish at the same time, hence the name `sync`. Each path element is drawn one after the other. This animation gives the best impression of live drawing. To give more freedom, it's possible to override the animation of each path and/or the entire SVG. It works a bit like the CSS animation timing function. But instead of using a cubic-bezier function, it use a simple JavaScript function. It must accept a number as parameter (between 0 to 1), then return a number (also between 0 and 1). It's a hook. -
2
Vue Meta
Manage HTML metadata in Vue.js components with SSR support
Vue Meta is a Vue.js plugin that allows you to manage your app's metadata. It is inspired by and works similar as react-helmet for react. However, instead of setting your data as props passed to a proprietary component, you simply export it as part of your component's data using the meta info property. These properties, when set on a deeply nested component, will cleverly overwrite their parent components' metaInfo, thereby enabling custom info for each top-level view as well as coupling metadata directly to deeply nested subcomponents for more maintainable code. -
3
Zdog
Flat, round, designer-friendly pseudo-3D engine for canvas & SVG
Zdog is a 3D JavaScript engine for <canvas> and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes. This makes Zdog special. Zdog is small. 2,100 lines of code for the entire library. 28KB minified. Zdog is round. All circular shapes are rendered as proper circles with rounded edges. No polygonal jaggies. Zdog is friendly. Modeling is done with a straight-forward declarative API. Zdog was designed to bring the simplicity of vector illustration into 3D. Drawing circles and squares is easy and fun. Zdog just adds another dimension. It renders all shapes using 2D drawing API in <canvas> or <svg>. Spheres are actually dots. Toruses are actually circles . Capsules are actually thick lines. It’s a simple, but effective trick. The underlying 3D math comes from Rotating 3D Shapes by Peter Collingridge. -
4
art-template
High performance JavaScript templating engine
art-template is a simple and superfast templating engine that optimizes template rendering speed by scope pre-declared technique, hence achieving runtime performance which is close to the limits of JavaScript. At the same time, it supports both NodeJS and browser. art-template simultaneously supports two syntax of template. Standard syntax allows templates to be easier to read and write. While original syntax has powerful logical processing ability. Original syntax is compatible with EJS, Underscore, LoDash templates. Performance is close to the JavaScript rendering limits. Debugging friendly. Syntax errors or runtime errors will be positioned accurately at which line of template. Support setting breakpoint in templating files (Webpack Loader). Supports Express, Koa, Webpack. Supports template inheritance and sub template. Browser version is only 6KB. Standard syntax supports basic templating syntax and JavaScript expression. -
Earn up to 16% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
5
backslide
CLI tool for making HTML presentations with Remark.js using Markdown
CLI tool for making HTML presentations with Remark.js using Markdown. Use bs init to create a new presentation along with a template directory in the current directory. The template directory is needed for backslide to transform your Markdown files into HTML presentations. You can create as many markdown presentations as you want in the directory, they will all be based on the same template. Use bs serve to start a development server with live reload. A page will automatically open in your web browser showing all your presentations. Select one to see the preview, you can then edit your .md file and see the changes immediately as you save the file. Any style change will also be applied live. Slides are written in Markdown, along with some useful Remark.js specific additions. See the Remark.js wiki for the specific syntax and helpers. -
6
fancyBox
jQuery lightbox script for displaying images, videos and more
Fancybox saves you time and helps to easily create beautiful, modern overlay windows containing images, iframes, videos or any kind of HTML content. This is the 4th generation of Fancybox and brings lots of fresh features. Both Carousel and Panzoom components are used under the hood and help ensure a best-in-class user experience. In addition, they are easy to integrate with each other. Touch and mobile optimized with swipe, drag and pinch-to-zoom gestures. Highly customizable with configuration options, Sass and CSS variables. There are two main styles of coding when using Fancybox. Each of these styles has advantages and disadvantages, and you can combine the two. You can choose any CSS selector here to attach click handler to the currently selected set of elements as well as all future matching elements. -
7
flot
Attractive JavaScript charts for jQuery
Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features. Works with Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+. Additional examples are bundled with Flot. Also take a look at the Flot Usage Wiki for screenshots and stories from people and companies using Flot. Take a look at the the examples in examples/index.html; they should give a good impression of what flot can do, and the source code of the examples is probably the fastest way to learn how to use flot. Just include the JavaScript file after you've included jQuery. You need at least jQuery 1.2.6, but try at least 1.3.2 for interactive charts because of performance improvements in event handling. The plot function immediately draws the chart and then returns a plot object with a couple of methods. The placeholder is a jQuery object or DOM element or jQuery expression that the plot will be put into. -
8
gitmoji
An emoji guide for your commit messages
Gitmoji is an initiative to standardize and explain the use of emojis on GitHub commit messages. Gitmoji is an emoji guide for GitHub commit messages. Aims to be a standarization cheatsheet, guide for using emojis on GitHub's commit messages. Using emojis on commit messages provides an easy way of identifying the purpose or intention of a commit with only looking at the emojis used. As there are a lot of different emojis I found the need of creating a guide that can help to use emojis easier. This project is Open Source, that means everyone can participate, suggesting, discussing and adding new emojis. Take a look at the contributing section and guidelines for contributing. An easy solution for using gitmoji from your command line, is to install gitmoji-cli. A gitmoji interactive client for using emojis on commit messages. This project is a static website built with Next.js. All the gitmojis displayed are rendered from a JSON file. -
9
imagemin
Minify images seamlessly
With imagemin, you can minify images seamlessly. Uncompressed images bloat your pages with unnecessary bytes. Imagemin is an excellent choice for image compression because it supports a wide variety of image formats and is easily integrated with build scripts and build tools. Imagemin is available as both a CLI and an npm module. Generally, the npm module is the best choice because it offers more configuration options, but the CLI can be a decent alternative if you want to try Imagemin without touching any code. Imagemin is built around "plugins." A plugin is an npm package that compresses a particular image format (e.g. "mozjpeg" compresses JPEGs). Popular image formats may have multiple plugins to pick from. -
AI-generated apps that pass security reviewRetool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
-
10
imagesLoaded
Detect when images have been loaded
You can use imagesLoaded with vanilla JS, Using a callback function is the same as binding it to the always event. Bind events with vanilla JS with .on(), .off(), and .once() methods. Detect when background images have loaded, in addition to <img>s. Set { background: true } to detect when the element's background image has loaded. Set to a selector string like { background: '.item' } to detect when the background images of child elements have loaded. The always event is triggered after all images have been either loaded or confirmed broken. and the done event is triggered after all images have successfully loaded without any broken images. imagesLoaded works with Browserify. imagesLoaded works with RequireJS. You can manage dependencies with Bower. Set baseUrl to bower_components and set a path config for all your application code. -
11
jQuery MiniColors
jQuery MiniColors Plugin
jQuery MiniColors Plugin. A tiny color picker built on jQuery. -
12
lazysizes
High performance and SEO friendly lazy loader for images
High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration. It may become also your number one tool to integrate responsive images. It can automatically calculate the sizes attribute for your responsive images, it allows you to share media queries for your media attributes with your CSS, helping to separate layout (CSS) from content/structure (HTML) and it makes integrating responsive images into any environment really simple. It also includes a set of optional plugins to further extend its functionality. Lazysizes is built upon the Responsive image standard and extends it with additional functionality. For full cross browser responsive image support you must use either a full polyfill like picturefill or use the extreme lightweight partial respimg polyfill plugin or the responsive image on demand plugin. -
13
react-blessed
A react renderer for blessed
A React custom renderer for the blessed library. This renderer should currently be considered as experimental, is subject to change and will only work with React's latest version (17.x.x, using Fiber). Any of the blessed widgets can be rendered through react-blessed by using a lowercased tag title. Text nodes, on the other hand, will be rendered by applying the setContent method with the given text on the parent node. As with React's DOM renderer, react-blessed lets you handle the original blessed nodes, if you ever need them, through refs. For convenience, react-blessed lets you handle classes looking like what react-native proposes. -
14
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. -
15
smartcrop.js
Content aware image cropping
Image cropping is a common task in many web applications. Usually just cutting out the center of the image works out ok. It's often a compromise and sometimes it fails miserably. Smartcrop.js is the result of my experiments with content aware image cropping. It uses fairly simple image processing and a few rules to attempt to create better crops of images. This library is still in it's infancy but the early results look promising. So true to the open source mantra of release early, release often, I'm releasing version 0.0.0 of smartcrop.js. Smartcrop.js implements an algorithm to find good crops for images. It can be used in the browser, in node or via a CLI. Smarcrop requires support for Promises, use a polyfill for unsupported browsers or set smartcrop.Promise to your favorite promise implementation (I recommend bluebird). -
16
v-charts
A tool to generate charts
When using echarts to generate charts, we often need to do cumbersome data scheme conversion, modify complex configuration items, v-charts precisely to solve this. v-charts is based on Vue2.x and echarts, just need to provide a friendly data scheme and set simple configuration items, you can easily generate common charts. Each chart component of v-charts is individually packaged under the lib folder. When used, a single chart component can be directly import into the project. The attributes of the chart itself, such as yAxisType used to set the data type, are displayed as an area's area. Such attributes are placed in settings, and the properties of each chart are not exactly the same. -
17
vizceral
WebGL visualization for displaying animated traffic graphs
vizceral is a component for displaying traffic data on a webgl canvas. If a graph of nodes and edges with data about traffic volume is provided, it will render a traffic graph animating the connection volume between nodes. This component can take multiple traffic graphs and will generate a 'global' graph showing all incoming traffic into each of the 'regions', with support for cross-region traffic. There are three levels of information, global, regional, and service-level, with clicking or double-clicking on a node bringing you one level deeper. We are not using this internally at Netflix at this time and the project is not actively being worked on. We occasionally look at the repo and will review PRs as time permits. Current development focuses on a most recent version of Chrome. Minor sanity checking for the latest versions of Safari and Firefox. -
18
vtop
A graphical activity monitor for the command line
Vtop is a free and open-source activity monitor for the command line. It’s written in node.js and can be easily extended. It uses Unicode braille characters to draw CPU and Memory charts, helping you visualize spikes. We also group processes with the same name together. We calculate the CPU percentage as a total of your overall system power. 100% is all cores and HyperThreads maxed out. This is different to how Apple Activity monitor works. If your terminal supports mouse events (like iTerm) then you can click on the items in the process list. As well as use the scroll wheel. You can disable mouse control with the vtop, no-mouse option. -
19
xeokit SDK
Open source JavaScript SDK for viewing high-detail 3D BIM
xeokit is an open-source 3D graphics SDK from xeolabs for BIM and AEC. Built to view huge models in the browser. Used by industry leaders. Visualize complex, federated AEC models at full precision, in all major browsers, including mobile. A complete JavaScript graphics toolkit for building BIM and AEC viewing applications. Open source components to build your own product, your way. Keep everything on your own servers. Get your models on the Web using a toolkit of production-proven components that save you costly research, development, and maintenance. Keep data, viewer and conversion tools on your own servers. No overloaded cloud services, or unpredictable costs. No hassles with data protection laws. You get the source code. Customize and extend it however you want. Join our community of 3D Web programming experts and industry leaders. Share our tools and get support. -
20
Javascript Clipper
Boolean operations and offsetting library in Javascript
The Javascript Clipper library performs clipping and offsetting for both lines and polygons. All four boolean clipping operations are supported - intersection, union, difference and exclusive-or. Polygons can be of any shape including self-intersecting polygons. Javascript Clipper is a port of Angus Johnson's Clipper library: https://sourceforge.net/projects/polyclipping LIVE DEMO: http://jsclipper.sourceforge.net/6.4.2.2/main_demo.html LIVE DEMO (FPoint): http://jsclipper.sourceforge.net/6.4.2.2_fpoint/main_demo.html Information and examples: http://jsclipper.sourceforge.net/6.4.2.2 Information and examples (FPoint): http://jsclipper.sourceforge.net/6.4.2.2_fpoint Donate Javascript Clipper Project: https://sourceforge.net/p/jsclipper/wiki/Donations/ Use cases: * Over 1500 schools in the UK uses Javascript Clipper in Digimap for Schools service. Read more: https://mobilegeo.wordpress.com and http://digimapforschools.edina.ac.uk/cosmo-free/osmapper -
21
Strut Editor Offline
BEST FREE SOFTWARE TO MAKE IMPRESSIVE PRESENTATIONS.
Strut is an open source project to make impressive presentations like Prezi the application was powered by Strut.io and Electron projects Strut is available on Windows, Linux and Mac. -
22
-
23
anchorcastapp
Free AI-powered church presentation & live sermon display app
AnchorCast is a free, open-source AI-powered church presentation desktop app for Windows and MacOS, built with Electron. Features: - Live Sermon Transcription — real-time speech-to-text via Whisper AI - AI Bible Verse Detection — automatically detects and displays verses from live sermons - Song Manager — display song lyrics on projection - Media Playback — images and video on projection screen - NDI Output — stream projection over local network - Remote Control — control presentation from any phone via Wi-Fi - Timer Display — countdown and service timers - Presentation Editor — create and manage slide decks - Theme Manager — customize projection appearance - Sermon Intelligence & Analytics Free for all churches. No subscription. Works fully offline. Built with love for churches everywhere by Kaitam Technologies. -
24
The GUIDOLib provides a powerful engine for the graphic rendering of music scores, based on the Guido Music Notation format. It supports Linux, Mac OS X, Windows, Android and iOS operating systems. A Java JNI interface is available as well as a Javascript version of the library. A Web API has also been designed, allowing to deploy the engine as a Web service.
-
25
Two programs, one in Java and one in Javascript, which display a configurable graphical countdown timer on a computer. Useful for testing situations and short-range anticipated events.
