Micro Project 4: How To Crash your CodePen Page

Simple: just add Kappa.

So, data visualization is cool. Points running around. Eccentric. Yay!

This is the initial:

See the Pen Facebook Network Visualization by John Nathan Fernandez (@johnxfire) on CodePen.0

It could induce a seizure. All of these could actually. Probably all the data.

ANYWAY. Time to crash your browser!

Next, we change the vector graphics from circles to images. The default is hilarious, no matter how many times you see it (sorry Juan!)

See the Pen Facebook Network Visualization by John Nathan Fernandez (@johnxfire) on CodePen.0

This is the crashy version that only has the image changed:

See the Pen Facebook Network Visualization by John Nathan Fernandez (@johnxfire) on CodePen.0

I decided to not use Kappa, and created my own image: say hi to the alien!

proof

Alein-Bounce

Here he is, with some shifted gravity, distance, and force values:

See the Pen Facebook Network Visualization by John Nathan Fernandez (@johnxfire) on CodePen.0

This one’s a bit more zoomed out:

See the Pen Facebook Network Visualization by John Nathan Fernandez (@johnxfire) on CodePen.0

Honestly, I think there’s too much data shown in my pens that reaaaally lag up a web browser, but this is fun. I’d add lines and stuff, but it turns into chaos!