Search Results for "d3.js"
Sort By:
Showing 37 open source projects for "d3.js"
View related business solutions-
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
AI-powered service management for IT and enterprise teamsGive your IT, operations, and business teams the ability to deliver exceptional services—without the complexity. Maximize operational efficiency with refreshingly simple, AI-powered Freshservice.
-
1
nivo
A rich set of dataviz components
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries. Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts. In order to use nivo, you have to install the @nivo/core package and then choose some of the scoped @nivo packages according to the charts you wish to use. Given an array of data series having an id and a nested array of points (with x, y properties), it will compute the line for each data series. ... -
2
Chart.js
Simple yet flexible JavaScript charting for designers & developers
Chart.js is a Javascript library that allows designers and developers to draw all kinds of charts using the HTML5 canvas element. Chart js offers a great array of simple, clean charts including animated and interactive versions. Chartjs is an easy way to include beautiful and engaging charts into your website for free. -
3
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. -
4
Spatie Browsershot
Convert HTML to an image, PDF or string
Browsershot is a PHP package that allows developers to convert web pages into images or PDFs. It utilizes headless Chrome to render pages accurately and can be used to capture screenshots, generate PDFs, and manipulate web content programmatically. It is especially useful for applications that require generating visual content from dynamic or static web pages. -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
5
RhinOS
RhinOS, CMS, Content Management System, Josep Sanz Campderrós
RhinOS is a framework to develop web sites using the latest features to provide a fastest access and administration to the web portal. The main features are: - Parametrized CMS and simple and efficient pseudo-code parser. -
6
Spritejs
A cross platform high-performance graphics system
Spritejs is a cross-platform high-performance graphics system, which can render graphics on web, node, desktop applications and mini-programs. SpritejsNext is the new version of spritejs. It is renderer agnostic enabling the same api to render in multiple contexts: webgl2, webgl, and canvas2d. Manipulate the sprites in canvas as you do with the DOM elements. SpritejsNext provides several kinds of basic sprite elements, which can be operated on the layer like DOM elements. Compatible for most... -
7
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. -
8
Bootstrap Colorpicker
Bootstrap Colorpicker is a modular color picker plugin for Bootstrap
Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4. The Bootstrap JS dependency is optional and it is mainly needed for the popover support. No Bootstrap CSS is required for the plugin to work. To use the plugin without Bootstrap, the popover option should be set to false or null and, depending on your implementation, you will usually need to set inline to true and a container selector option. Note that the plugin may work without Bootstrap if your code is not using any of the mentioned Bootstrap dependencies. ... -
9
FUSUMA
Fusuma makes slides with Markdown easily
...Init Mode, for creating a slide, style, configuration file and GitHub actions that deploy slides to gh-pages automatically. Development Mode, for running with HMR, just coding Markdown and sometimes CSS. Build Mode, to render to HTML and optimizing js,css,md. Generating an image of slides as og:image and checking a11y automatically. Presentation Mode, including speaker note, timer, and features for recording your page actions and voice. Deploy Mode, for deploying to GitHub pages. And PDF Mode, for exporting slides as PDF. -
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.
-
10
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... -
11
C3.js
A D3-based reusable chart library
C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more. C3 gives some classes to each element when generating, so you can define a custom style by the class and it's possible to extend the structure directly by D3. C3 provides a variety of APIs and callbacks to access the state of the chart. -
12
Rickshaw
JavaScript toolkit for creating interactive real-time graphs
Rickshaw provides the elements you need to create interactive graphs, renderers, legends, hovers, range selectors, etc. You put the pieces together. It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS. Customize all you like with techniques you already know. Rickshaw is free and open source, available under the MIT license. Developed at Shutterstock. Rickshaw relies on the fantastic D3 visualization library to do lots of the heavy lifting for stacking and rendering to SVG. ... -
13
React Move
Beautiful, data-driven animations for React
The API for React Move has been essentially stable since the 2.0 version. The 4.0 version of React Move introduced a change that broke the hard dependency on d3-interpolate and introduced the interpolation prop. The current version of React Move will by default only do numeric interpolation and apply easing functions. If you only need to do numeric interpolation you don't need to do anything. Just upgrade and done. The API for React Move 5.x and 6.x is exactly the same. The 5.x version just includes react-lifecycles-compat to make the library work with earlier versions of React. ... -
14
jsconsole
Web based console - for presentations and workshops
jsconsole is a web-based interactive JavaScript console designed to make it easy to run and present live JavaScript code directly in the browser, which is especially handy for workshops, presentations, and remote debugging scenarios. It provides an in-browser REPL-style environment where you can type JS expressions and see output instantly, making it useful for teaching, debugging snippets, or demonstrating ideas without setting up a local development environment. One hallmark of jsconsole is its remote debugging support: you can connect a remote browser or device to your console session and receive console output or even execute commands in that context, which simplifies diagnosing problems on devices you don’t have physically in front of you. ... -
15
Chartist.js
Simple responsive charts
You may think that this is just yet an other charting library. But Chartist.js is the product of a community that was disappointed about the abilities provided by other charting libraries. Of course there are hundreds of other great charting libraries but after using them there were always tweaks you would have wished for that were not included. Are you planning to use Chartist to create a nice Dashboard or Admin UI? Don't loose any time and kickstart your development using the awesome... -
16
Rough
Create graphics with a hand-drawn, sketchy, appearance
Rough is a graphics library that renders hand-drawn-style sketches using the HTML5 Canvas or SVG. It emulates the appearance of a pencil sketch or doodle, giving digital drawings an informal and expressive look. The library is ideal for creative applications, data visualizations, and prototypes that benefit from a casual visual style. Rough is written in JavaScript and easily integrates with modern front-end frameworks and visualization tools. -
17
Effeckt.css
A Performant Transitions and Animations Library
Effeckt.css is a showcase and toolkit of high-performance UI transitions and animations for the web. It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation... -
18
GlslEditor
Simple WebGL Fragment Shader Editor
Simple WebGL Fragment Shader Editor. Friendly GLSL Shader editor based on Codemirror compatible with glslViewer (C++/OpenGL ES) and glslCanvas (JS/WebGL). Was originally developed to work as an embedded editor for The Book of Shaders. But now has grown as a stand-alone Web app. Thanks to their compatibility with other apps of this ecosystem like glslViewer which runs in the RaspberryPi directly from the console, GlslEditor interacts with other projects like OpenFrame.io allowing the user to export the shaders to frames with only one button. -
19
embed-js
A lightweight plugin to embed emojis, media, maps, tweets, code, etc.
A lightweight JavaScript plugin to embed emojis, media, maps, tweets, code and services. embed.js was developed with a modern JavaScript workflow in mind. To use it, it's recommended you have a build system in place that can transpile ES6, and bundle modules. But at the same time, you get an already transpiled version to make your development easier. If you’re using npm package manager with a module bundler like Webpack or Browserify to consume CommonJS modules, you can use the default UMD... -
20
jquery-circle-progress
jQuery Plugin to draw animated circular progress bars
jQuery Plugin to draw animated circular progress bars. -
21
OCR Web based
OCR web based for Browser Firefox & PC
Optical Character Recognition in JS for Browser is based on ocrad.js. OCR for Browser is a free extension and You can use this application to extract text from any image you supply. Just upload your image files. OCR for Browser takes either a JPG, GIF, TIFF, BMP, PNG. ========= Get OCR for Android (Beta release) - https://play.google.com/store/apps/details?id=com.ulm.ocr ========= Add-on for Opera: http://bit.ly/1F0E0wP ========= Release 1.0.1 For safety reasons, I disabled the possibility to import an image from url. ... -
22
Apparatus
A hybrid graphics editor and programming environment
Apparatus is a browser-based visual editor and programming environment that streamlines building interactive diagrams. Users draw shapes, flows, constraints, and attach behavior code-side. It combines visual design with real code, supporting live demos, exports, and embedding. Created by CDG Labs, it helps build educational and exploratory tools quickly. -
23
PixelShank
Add pixel size mark on image and save as .png. Build with p5.js, elect
Add pixel size mark on image and save as .png. Build with p5.js, electron and canvas. Work as desktop app PixelShank is integrated with electron, aftere simple setup, you can build the cross-platform desktop app on Windows, MacOS or Linux. -
24
Vibrant.js
Extract prominent colors from an image. JS port of Android's Palette
Vibrant.js is a JavaScript library for extracting prominent colors from images to generate aesthetically pleasing color palettes. It is inspired by the Android Palette API and allows developers to style interfaces dynamically based on image content. Common use cases include adapting UI elements to match album art, user avatars, or featured content images. -
25
Bounce.js
Create beautiful CSS3 powered animations in no time
Bounce.js is a tool and JS library for generating beautiful CSS3 powered keyframe animations. The tool on bouncejs.com allows you to generate static keyframes that can be used without any extra JavaScript, but if you'd like your application to generate these on the fly, you can use the Bounce.js library. The Bounce object is what you'll use to first build your animation from the different components scale, rotate, translate and skew.
