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 waveformCytoscape.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 cytoscapeWhy? 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 commonjsSupports 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-candyggplot2 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-visualisationvue-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 charts3d 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 quiverFrom 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 gisBokeh 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 chartsThe 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 graphEasy, 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 pieAllows 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 analyticsFor documentation see the latest developer version or the most recent released stable version.
visualisation netcdf oceanography meteorology earth-science data-analysis grib iris spaceweatherIn-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 visualizationLa 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-immobilieresA Silverlight project based on the Vector Visualizer http://bodurov.com/VectorVisualizer that helps to visualize color palette in three dimensions
3d color visualisationA .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-playerwaveform-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 visualisationThis 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
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.