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

•    Vim

---

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

•    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

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

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

vizicities - A framework for 3D geospatial visualization in the browser

•    Javascript

---

From there you will have access to the VIZI namespace which you can use to interact with and set up ViziCities. The first argument is the ID of the HTML element that you want to use as a container for the ViziCities visualisation.

mapping geography cities 3d webgl three.js maps data visualisation geojson gis

Bokeh - Interactive Data Visualization in the browser, from Python

•    Python

---

Bokeh is an interactive visualization library for modern web browsers. It provides elegant, concise construction of versatile graphics, and affords high-performance interactivity over large or streaming datasets. Bokeh can help anyone who would like to quickly and easily make interactive plots, dashboards, and data applications.

visualization javascript python plots jupyter visualisation data-visualisation bokeh plotting notebooks interactive-plots numfocus charting-library 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

iris - A powerful, format-agnostic, and community-driven Python package for analysing and visualising Earth science data

•    Python

---

For documentation see the latest developer version or the most recent released stable version.

visualisation netcdf oceanography meteorology earth-science data-analysis grib iris spaceweather

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

DVF-app - Exploration des données DVF

•    Javascript

---

La base de données DVF recense les mutations à titre onéreux (vente, vente en l'état futur d'achèvement, vente terrain à bâtir, échange, adjudication, expropriation) advenues les 5 dernières années. L'application https://app.dvf.etalab.gouv.fr prend appui sur ces données et propose de visualiser les transactions à la maille de la parcelle cadastrale. Elle a été développée par l'équipe de la mission Etalab.

cartography visualisation open-data cadastre dvf ventes-immobilieres

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