60 best open source visualisation projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 20 from 60 results

peaks.js - JavaScript UI component for interacting with audio waveforms

Javascript

A browser based audio waveform visualisation frontend component from BBC R&D.Peaks.js is a modular client-side JavaScript component designed for the display of and interaction with audio waveforms in the browser.

audio visualisation bbc webaudio browser interactive waveform

cytoscape

Javascript

Cytoscape.js is a fully featured graph theory library. Do you need to model and/or visualise relational data, like biological data or social networks? If so, Cytoscape.js is just what you need. Cytoscape.js contains a graph theory model and an optional renderer to display interactive graphs. This library was designed to make it as easy as possible for programmers and scientists to use graph theory in their apps, whether it's for server-side analysis in a Node.js app or for a rich user interface.

cytoscapejs graph graph-theory network node edge vertex link analysis visualisation visualization draw render biojs cytoscape

js-code-to-svg-flowchart - js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart

Javascript

Why? While I've been working on Under-the-hood-ReactJS I spent enormous amount of time on creating schemes. Each change in code or flowchart affects all entire scheme instantly, forcing you to move and align 'broken pieces'. Just repeated manual work... Imagine a library which takes any JS code and generate SVG flowchart from it, works on client and server. Allows you easily adjust styles scheme for your context or demonstrate your code logic from different abstractions levels. Highlighting, destructing whole blocks, custom modifiers for your needs etc.

flowchart svg-flowchart ast svg visualisation learning es6 code-analyzeing webpack library universal umd commonjs

vim-devicons - :symbols: Adds file type glyphs/icons to popular Vim plugins: NERDTree, vim-airline, Powerline, Unite, vim-startify and more

Supports plugins such as NERDTree, vim-airline, CtrlP, powerline, denite, unite, lightline.vim, vim-startify, vimfiler, vim-workspace and flagship. See Screenshots for more.

vim viml vim-plugins vim-scripts theme icons nerd-fonts filetype nerdtree vim-airline statusline glyph-icons visualization visualisation powerline eye-candy

ggplot2 - An implementation of the Grammar of Graphics in R

ggplot2 is a system for declaratively creating graphics, based on The Grammar of Graphics. You provide the data, tell ggplot2 how to map variables to aesthetics, what graphical primitives to use, and it takes care of the details. It’s hard to succinctly describe how ggplot2 works because it embodies a deep philosophy of visualisation. However, in most cases you start with ggplot(), supply a dataset and aesthetic mapping (with aes()). You then add on layers (like geom_point() or geom_histogram()), scales (like scale_colour_brewer()), faceting specifications (like facet_wrap()) and coordinate systems (like coord_flip()).

r visualisation data-visualisation

ipyvolume - 3d plotting for Python in the Jupyter notebook based on IPython widgets using WebGL

Jupyter

3d plotting for Python in the Jupyter notebook based on IPython widgets using WebGL.

ipython-widget jupyter jupyter-notebook visualisation volume-rendering virtual-reality plotting dataviz scientific-visualization webgl threejs rendering-3d-volumes quiver

vue-chartjs - 📊 Vue.js wrapper for Chart.js

Javascript

vue-chartjs is a wrapper for Chart.js in vue. You can easily create reuseable chart components. You can use vue-chartjs directly in the browser without any build setup. Like in this codepen. For this case, please use the vue-chartjs.min.js which is the minified version. You also need to add the Chart.js CDN script.

vue chart chartjs visualisation vuejs vuejs2 doughnut pie diagram diagrams wrapper charts

chartify - React.js plugin for building simple animated draggable charts

Javascript

The source for this module is in the main repo.Container prop is a class that will be added to the chart container element. This is important in case you have more than one chart on your page.

chart charts react barchart linechart timeline timesheet films music-library music-visualizer react-plugins customizable-charts cinematography movie-collection visualization draggable-elements draggable film-ratings rank reactjs react-js react-chart scale items dataset kinopoisk line-chart bar-chart marks axis calendar-view pyramid progress-chart showreel visualisation diagram graph

Chart.js - HTML5 charts for your website

Javascript

Easy, object oriented client side graphs for designers and developers. Visualise your data in different types Line chart, Pie chart, Bar chart, Radar chart, Polar area charts, Doughnut charts.

charts javascript-chart visualisation js-chart graph bar-chart pie

visdown - Visualisation Markdown

Javascript

Allows you to write json specification in simple yaml and uses marked and vega-lite (or vega) to convert those specific code blocks in to svg.

visualisation-markdown visualisation data-visualization markdown interaction vega-lite analytics

colony - :chart_with_upwards_trend: In-browser network graphs representing the links between your Node

Javascript

In-browser graphs representing the links between your Node.js code and its dependencies.This will traverse app.js's dependencies and dump the necessary static HTML/CSS/JS files to the ./colony directory, this page being ./colony/index.html. Then it's just a matter of serving it up using something like serve, NGINX or plain old Apache.

code visualisation require recursive structure codebase visualization

Color Map Visualizer

Silverlight

A Silverlight project based on the Vector Visualizer http://bodurov.com/VectorVisualizer that helps to visualize color palette in three dimensions

3d color visualisation

WindowsMediaPlayer.NET Plugin Library

CSharp

A .NET 2.0 C# library that allows users to easily write plug-ins for Windows Media Player in .NET (C#). Currently supports Visualisation plugins and provides working samples.

media plugin plugin-library return-2010 visualisation windows-media-player

waveform-data

Javascript

waveform-data.js is a JavaScript library for creating zoomable, browsable and segmentable representations of audio waveforms.We use these projects daily in applications such as BBC Radio Archive and browser editing and sharing tools for BBC content editors.

audio webaudio waveform visualisation

clubber - Application of music theory in audio reactive visualizations

Javascript

This small js library listens to audio sources and extracts the underlying rhythmic information. The linear frequency energies are converted into midi notes which music theory suggests to be a better segregation for music audio. A set of meaningful measurements are produced in a form suitable for direct use in webgl shaders, or any other context. This simple flow provides a powerful framework for the rapid development of awesome audio reactive visualisations.

clubber midi audio reactive web-audio music webgl frequency notes band threshold octave shadertoy dancer analysis kick bass key note vector shader analyzer analyser rhythm visualisation

react-domify - Like JSON.strinfigy but uses React to generate DOM elements

Javascript

React Domify

react react-component data enum enumerate visualisation json debug debugging

visdat - Preliminary Exploratory Visualisation of Data

Initially inspired by csv-fingerprint, vis_dat helps you visualise a dataframe and "get a look at the data" by displaying the variable classes in a dataframe as a plot with vis_dat, and getting a brief look into missing data patterns using vis_miss.The name visdat was chosen as I think in the future it could be integrated with testdat. The idea being that first you visualise your data (visdat), then you run tests from testdat to fix them.

missingness visualisation r exploratory-data-analysis

grunt-phantomflow - Testing user flows

Javascript

Unmaintained notice: As of December 22nd 2017 this project will no longer be maintained. What started out as a creative experiment four years ago became a significant tool in Huddle's Web development workflow, as well as the workflows of external Web engineers. But like PhantomCSS, its time to move on. If you are unfamilar with Grunt check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins.