Home / JavaScript / Data Visualization

Recreation of the Monstercat Visualizer

Monstercat Visualizer Small recreation of the Monstercat Visualizer using the Canvas and Web Audio API. It's far from perfect nor done but I figured I
Information
Category: JavaScript / Data Visualization
Watchers: 1
Star: 3
Fork: 1
Last update: Nov 22, 2021
Resource links
https://github.com/NurMarvin/monstercat-visualizer

Monstercat Visualizer

Small recreation of the Monstercat Visualizer using the Canvas and Web Audio API. It's far from perfect nor done but I figured I might as well put it up already so people can poke through the code and maybe even improve it.

This project is very much inspired by caseif's vis.js.

Development

  1. Clone the repository
  2. Install NPM packages using npm install
  3. Run dev server using npm run dev

Building static files

  1. Run npm run build
  2. Copy the dist folder to your server

Song Credit

Track: Robin Hustin x TobiMorrow - Light It Up (feat. Jex) [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/bdE_SyHad90
Free Download / Stream: http://ncs.io/LightitupYO

Photo Credit

Photo by Will Turner on Unsplash

1 Open More issues
Open

Hope you don't mind my fork

I made a fork of this to use an anime radio station: https://arjixwastaken.github.io/anime-radio/ If you got any problems I'll take it down

opened Nov 21, 2021 by ArjixWasTaken 0

Contents

    tj Webpack visualizer as a Neutrino preset
    ByronHsu 🌆 🏙 🌃 Viz.js Graphviz - An Elegant Visualizer for And-Inverter Graph
    VishalChoubey1019 This is a sorting visualizer made with Tkinter.
    codrops Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.
    000Nobody Teaching AI to play a recreation of the Google Chrome dinosaur game
    boku7 A recreation of the "Nobelium" malware based on Microsofts Malware analysis - Part 1: PDF2Pwn
    steventroughtonsmith Simplistic & unfinished recreation of MobileSafari's tab bar
    dynastic An open-source recreation of Reddit's /r/place.
    ShizukuIchi 🏁 Web based Windows XP desktop recreation.
    xtabbas Recreation of calculator-checklist project in SwiftUI
    dje-dev Ceres - an MCTS chess engine for research and recreation
    ahmedgulabkhan SnakeGameFlutter is a recreation of the famous Snake Game that was present in Nokia mobiles. Created this game using Flutter.
    smilealvin92 very simple matrix library, int addition to a recreation of DCM attitude estimation in the form of matrix of C.
    isellsoap 📈 A visual way to analyze the specificity of selectors in CSS.
    Bauxitedev A spectral visualizer that analyzes the frequencies of music and sound, written in Godot 3.1.
    Oblosys Real-time visualizer for React lifecycle methods
    gauravk95 🎵 [Android Library] A light-weight and easy-to-use Audio Visualizer for Android.
    alfianlosari Live Marble Diagram Visualizer for Apple Combine framework on Apple Platform
    chuntaro Keystroke visualizer for GUI version Emacs.
    hahnlee :bar_chart: Algorithm Visualizer for IPython/Jupyter Notebook
    moul 👓 dependency visualizer for GitHub & GitLab (a.k.a., "auto-roadmap")
    Share this repo

    Related Repos


    Data Visualization
    88
    Interactive 3D plotting with a simple function call using Three.js
    NathanEpstein About Generate interactive 3d plots with a simple function call. Function returns a Three.js scene which can be customized as needed. Basic function c
     
    Data Visualization
    9
    A simple mardown notes network visualizer
    GeoffreyCoulaud Notes graph A simple visualization tool for your linked markdown notes example.mp4 Dependencies NodeJS Usage Clone this repo and open a terminal npm i
     
    Data Visualization
    8
    A Django | React application that forecast time series data using ARIMA and RNN models.
    khiati-walid Time-series-forecasting-ARIMA-RNN Our paper | Time Series Forecasting Table of Contents A Django | React application that forecast time series data us
     
    Data Visualization
    4
    A solar system demo made with React three fiber
    markshenouda Solar System with React three fiber 🌍 🪐 I made this project to learn React three fiber 😃 To run the project, Install dependencies: npm install Run
     
    Data Visualization
    20
    Tired of 200kb charting browser libs? ...I feel ya. Come to the server-side!
    rugpullindex Tired of 200kb charting browser libs? ...I feel ya. Come to the server-side!
     
    Data Visualization
    24
    Template for the brush style rendering with three.js
    Sekuta82 Oil on Three.js Template This is a working examble of a realtime 3d scene that is supposed to look like a rough oil painting that is constantly changi
     
    Data Visualization
    3.5k
    dagre - Graph layout for JavaScript
    dagrejs Important! This project does not have a maintainer or active project members. There won’t be any support or attention to pull requests. Please do not
     
    Data Visualization
    2.5k
    Graphs and Charts for Canvas in JavaScript.
    HumbleSoftware Flotr2 The Canvas graphing library. http://groups.google.com/group/flotr2/ Please fork http://jsfiddle.net/cesutherland/ZFBj5/ with your question or b
     
    Data Visualization
    2.3k
    A tiny javascript library for generating progress pie charts in your favicon.
    lipka Piecon Pie charts in your favicon! A tiny javascript library for dynamically generating progress pie charts in your favicons. Now with retina support!
     
    Data Visualization
    3.4k
    ⛳️ Apache ECharts components for React wrapper
    hustcc echarts-for-react The simplest, and the best React wrapper for Apache ECharts. Install $ npm install --save echarts-for-react
     
    Data Visualization
    2.5k
    WWW SQL Designer, your online SQL diagramming tool
    ondras WWW SQL Designer allows users to create database designs, which can be saved/loaded and exported to SQL scripts. Various databases and languages are s
     
    Data Visualization
    3
    A JavaScript + CSS library for web development to create simple diagrams.
    Targon-Industries A JS+CSS diagram library for web development This library was written in plain JavaScript and CSS as a hobby project. Feel free to modify the code and
     
    Data Visualization
    1.1k
    LayaAir is an open-source 2D/3D engine.
    layabox LayaAir is an open-source 2D/3D engine. LayaAir Engine is designed for high performance games.LayaAir support TypeScript and JavaScript、ActionScript 3.0 programming language.Can develop once, publish for multi platform.
     
    Data Visualization
    3
    PoC to create a signed oci helm chart
    dirien PoC To Create A Keyless Signed OCI Helm Chart Requirements CR_PAT for the GitHub container registry See this guide for more information on how to crea
     
    Data Visualization
    5
    Helm chart for VictoriaMetrics benchmarking
    VictoriaMetrics VictoriaMetrics benchmark VictoriaMetrics benchmark helm chart is used for deploying a simple benchmark setup to k8s cluster. In VictoriaMetrics we us