52 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 52 results

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

gruntplugin ui testing visual regression phantomcss phantomjs casperjs css html flow user tdd bdd assert d3 visualisation

nat - NeuroAnatomy Toolbox: An R package for the (3D) visualisation and analysis of biological image data, especially tracings of single neurons

For the impatient ... A confirmed stable version of nat can be installed from CRAN.

r neuroanatomy-toolbox cran neuron neuroscience 3d visualisation image-analysis

iterated-function-systems - Iterated Function Systems with OCaml

This work was carried out during a functional programming course.

fractal barnsley-fern ocaml visualisation functional-programming

d3-grid-layout - A grid layout for d3.js

A grid layout for d3.js. The layout gradually expands to fit its nodes/cells within its boundaries.See the demo for a better explanation.

grid layout d3.js visualisation svg square data

jquery-linechart - JQuery plugin for creating charts

JQuery plugin for building a linechart. Chart ruler completely on HTML/CSS/JS. Bar chart, calendar view visualisation. Diagram, graph, pyramid visualisation of large datasets. Showreel. The source for this module is in the main repo. Please create issues and pull requests. Angular plugin for linechart also exists. Check angular-scale if you're using Angular.js.Inspired by kinopoisk.ru chart written using Adobe Flash. But this chart is just on HTML/CSS without using libraries. Feel free for contribute.