Description
A data visualization library for depicting quantities as animated liquid blobs.
For a demonstration of what the final product can look like, watch this video.
The animation can be rendered in real-time using circle sprites, or rendered for video output using Marching Cubes (metaballs), which is too computation-heavy to be animated in real-time.
The first in-progress prototype to use the technique is Philly Contracts, but a more stripped down project in planned to serve as a boiler plate. Philly Contracts is supported by the Kight Prototype Fund, and is being produced in collaboration with Amanda Levinson.
This project is in its early stage. Some items on the to-do list include:
liquidity.js alternatives and similar libraries
Based on the "Data Visualization" category.
Alternatively, view liquidity.js alternatives based on common mentions on social networks and blogs.
-
-
echarts
Apache ECharts is a powerful, interactive charting and data visualization library for browser -
-
-
BabylonJS
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework. -
p5.js
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs — -
-
#<Sawyer::Resource:0x00007f1b609038f0>
Open-source JavaScript charting library behind Plotly and Dash -
-
paper.js
The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey -
-
-
-
-
-
-
GoJS, a JavaScript Library for HTML Diagrams
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages. -
-
-
-
-
mxGraph
DISCONTINUED. Diagramming library that enables interactive graph and charting applications to be quickly created that run natively in any major browser that is supported by its vendor. -
-
-
-
-
-
-
-
-
processing.js
DISCONTINUED. Processing.js makes your data visualizations work using web standards and without any plug-ins -
-
-
-
-
-
-
jquery.sparkline
A plugin for the jQuery javascript library to generate small sparkline charts directly in the browser
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of liquidity.js or a related project?
README
liquidity.js
A data visualization library for depicting quantities as animated liquid blobs.
For a demonstration of what the final product can look like, watch this video.
The animation can be rendered in real-time using circle sprites, or rendered for video output using Marching Cubes (metaballs), which is too computation-heavy to be animated in real-time.
The first in-progress prototype to use the technique is Philly Contracts, but a more stripped down project in planned to serve as a boiler plate. Philly Contracts is supported by the Kight Prototype Fund, and is being produced in collaboration with Amanda Levinson.
This project is in its early stage. Some items on the to-do list include:
- Provide better documentation and a better stripped down starter project.
- Optimize performance of the Marching Cubes / metaballs, which are currently highly inneficient.
- Improve behavior of liquid movement to have more natural characteristics (less isolated circles)
- Allow for multiple circle / drop size, and more precise quantities.
Getting started
To run the liquidity.js demo:
- Ensure that you have Node & NPM installed by running
npm -v- if not, install it. git clone https://github.com/nhalloran/liquidity.js.gitcd liquidity.jsnpm installnpm run dev- Open your browser and go to http://localhost:8080.