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.
disc - :chart_with_upwards_trend: Visualise the module tree of browserify project bundles and track down bloat
Disc is a tool for analyzing the module tree of browserify project bundles. It's especially handy for catching large and/or duplicate modules which might be either bloating up your bundle or slowing down the build process.The demo included on disc's github page is the end result of running the tool on browserify's own code base.
analyze analytics directory file modules tree tool browserify size structure visualizesheetsee.js - :eyes: :chart_with_upwards_trend: Visualize Data from a Google Spreadsheet
This repository is for the project website and provides a compiled version sheetsee.js. Use the compiled version if you want all of what is available in Sheetsee. If you want just the parts that you're going to use in your project and nothing more, you can build a custom version. Each part of Sheetsee has its own repository and issues should be opened there. General issues/pull requests for the site are OK here.
spreadsheet data visualize googleplato - JavaScript source code visualization, static analysis, and complexity tool
plato was updated to support es6 by @devcrust, but needs an active maintainer to keep it moving forward. Visualize JavaScript source complexity with plato.
halstead visualize cyclomatic complexity report analysis analyzereact-lifecycle-visualizer - Real-time visualizer for React lifecycle methods
An npm package (react-lifecycle-visualizer) for tracing & visualizing lifecycle methods of arbitrary React components. To trace a component, apply the higher-order component traceLifecycle to it, and all its lifecycle-method calls will show up in a replayable log component. Additionally, traced components may include a <this.props.LifecyclePanel/> element in their rendering to show a panel with lifecycle methods, which are highlighted when the corresponding log entry is selected.
reactjs lifecycle-methods visualizer trace react lifecycle visualize animatedRxJs Marbles- Interactive diagrams of Rx Observables
A webapp for experimenting with diagrams of Rx Observables, for learning purposes. This is a Cycle.js app. It helps to visualize example diagrams for each operator in Rx. Drag an item ("marble") on an Observable to see how the operator reacts.
observables reactive visualizedependo - Visualize your CommonJS or AMD module dependencies in a force directed graph report.
Visualize your CommonJS, AMD, or ES6 module dependencies in a force directed graph report - powered by D3.js. Let me introduce dependo - A small visualization tool that draws an force directed graph of JavaScript dependencies pulled from a codebase of CommonJS, AMD, or ES6. Behind the scene I’m using a wonderful library named node-madge, to extract the dependencies and combined with the power of D3.js I draw a beautiful zoomable directed graph.
amd requirejs require graph commonjs module circular dependency dependencies visualize d3 es6jQuery.PrettyTextDiff - A wrapper around Google's diff_match_patch library, to make life easy
A wrapper around Google's diff_match_patch library. Google's library is awesome and can be fine-tuned in multiple ways, but their API is a bit awkward, probably cause they support the same API in 8 different languages. Also, the library does not provide any beautification of the diff-ed output. They provide a reference implementation (look for diff_prettyHtml in the API docs ) but recommend developers to write their own - and the given method is not customizable .
jquery-plugins ecosystem:jquery text diff compare visualizeneutrino-preset-visualizer - Webpack visualizer as a Neutrino preset
Webpack visualizer as a Neutrino preset to view where space is allocated. Outputs ./build/stats.html.
neutrino neutrino-preset webpack visualize reacttap-dev-tool - prettifies TAP in the browser's console
Prettify TAP output in Chrome/FireFox DevTools console. Works best with tape.Comes in the form of a Browserify plugin, so you don't need to change your source code during development. PRs for other integrations (Babel, Webpack) welcome.
tap browser visualize tape test tests console log pretty css color colors colour coloursgrunt-dependencygraph - Visualize your CommonJS or AMD module dependencies.
Grunt-dependencygraph has been replaced by dependo - a more modular version, that's wrapped up as a NPM-package with both an API, CLI and Grunt task.
amd requirejs require module circular dependency dependencies graph visualize d3 gruntplugingrunt-dependo - Running dependo from within a grunt task.
Visualize your CommonJS or AMD module dependencies in a force directed graph using D3.js.
amd requirejs commonjs require module circular dependency dependencies graph visualize d3 dependo gruntpluginsqleton - Visualizes your SQLite database schema
Visualizes your SQLite database schema. The format will be inferred from the name of the output file; you can use any format supported by graphviz (png, pdf, svg, and many more).
sql sqlite visualize visualizer graphviz diagram dotjs-vd - JavaScript source code dependency visualization
Type vd --help or view the source for the many options like --exclude and --dot.
visualize dependencies amd requirejs require graph commonjs module dependency es6vscode-whiteviz - An extension for whitespace visualization
WhiteViz is simply an extension that visualize the whitespace upon selection. Explicitly made for this issue for the Visual Studio Code.
vscode whitespace visualize render renderwhitespace multi-root-readykanban-cfd - Kanban CFD Visualization App
The graph is by designed to allow showing data grouping by different owner in different tab. The intention is to allow each owner to compare their graph to the overall or other owners' statistics to see where they can see the problem from. I think this encourage each owner to see same graph with different insight. Below are some sample screens to illustrate its functionalities.
kanban cfd visualize rallypods-visualize - Pods Visualize lets you visualize the relationship connections between your pods configs
Pods Visualize lets you visualize the relationship connections between your pods configs
pods relationships visualize wordpress-pluginjmh-visualizer - Visually explore your JMH Benchmarks
While this app will visualize any valid JMH JSON you throw at it, you can write your benchmarks in a way that make the visualization much more enjoyable...
benchmark jmh chart visualization visualize reportsource-map-visualize - Quickly open an online source map visualization with local files
Quickly open an online source map visualization with local files
source-map sourcemap source map sourcemappingurl resolve resolver locate locator find finder cli command-line commandline visual visualize visualization sokra inpectfaas-flow-tower - control center for Faas-flow
control center for Faas-flow
faas-flow-dashboard faas-flow openfaas dashboard visualize dagelectrode-electrify - Electrify is an webpack visualizer for analyzing webpack bundles.
Electrify is an webpack visualizer tool for visualizing and analyzing Webpack bundles, it is a UI tool based on D3.js for visualizing the module tree of electrode + webpack project bundles. It's especially handy for catching large and/or duplicate modules which might be either bloating up your bundle or slowing down the build process. Checkout a live working DEMO.
elctrode elctrodeio elctrode-io elctrode.io analyze webpack-visualize webpack-analyze webpack-chart size structure visualize
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.
