Graph Visualizer Color Scheme

The color scheme is based on Google's Material Design color pallete. The various nodes are in the range between Indigo and Teal, but there are few exceptions like AudioDestination, MediaStream/Element, and ScriptProcessor.

AudioNode

• Destination: #37474F (Blue Gray, 800)
  • AudioDestination
• Source: #009688 (Teal, 500)
  • Oscillator, AudioBufferSource
• Processor: #2196F3 (Blue, 500)
  • BiquadFilter, Convolver, Delay, DynamicsCompressor, IIRFilter, Panner, StereoPanner, WaveShaper
• Inspector: #00BCD4 (Cyan, 500)
  • Analyser
• Gain/Route: #3F51B5 (Indigo, 500)
  • Gain, ChannelMerger, ChannelSplitter
• Media Stream/Element: #9C27B0 (Purple 500)
  • MediaElementAudioSource, MediaStreamAudioDestination, MediaStreamAudioSource
• Deprecated: #C62828 (Red, 800)
  • ScriptProcessor

Edge and Ports

• Connection: #607D8B (Blue Gray)
• Input port: #4CAF50 (Green 500)
• AudioParam input port: #CDDC39 (Lime 500)
• Output port: #E91E63 (Pink 500)