Fetch Visualizer

Do you miss the days when you could hear your hard drive working whenever something was loading? Now you can get that back, but with a modern update. It's annoying when websites make noise, why not use a visual indicator!

Fetch Visualizer is a Svelte component that wraps your fetch calls, and all request and response data must first be shown on a canvas as a grid of pixels, each being either white or black to represent the binary representation of the data. Yes, finally the world of programming didn't have to stop at tying racing game physics to framerate, now we can tie your internet speed to your framerate too!

Wrap your code in a <FetchVisualizer> <slot /> </FetchVisualizer>, then use the fetch you get from context at const fetch = getContext('fetch') inside a child component.

Try it out!