awesome computer electronic news internet science

JavaScript Code City

These might not appeal to everyone of my readers, they are more of a computer programmer’s domain, I think they are pretty dang ace though.  Using a code analysis tool, they pushed though the entire code base of a bunch of JavaScript libraries to see how the code is structured visually.  Each set of functions is called within other functions and classes, and things, giving you a pretty good hierarchy of the order, then using that structure, a 3-D library is used to build a cityscape representation of the code base.

Here’s one of the more famous libraries, it’s pretty much in use everywhere on the internet right now.


jQuery city

When you go to the rendered page, you can move around and play with the city.  You can zoom in and see each individual building, and what they’re mostly made up of.  Spoiler, most of them are all anonymous function, many levels deep.

This longer, lower city block is react.js

react city

Things are much more spread out in this city, not as dense, but still it does quite a lot of stuff.  React.js powers my photo/vacation site –  Take a look at the fully interactive version, it’s quite fun.

In total, there are 60 different JavaScript libraries or frameworks represented in the city format.  For those of you that are front end developers, you’ll probably recognize most of them.  It’s really neat to see the make up of those libraries, how concentrated some are, how big and bloated some are, and how tall some are.  I thought it was neat, I hope you do too.


awesome computer DIY electronic news photo science video

JPEG -> Animated GIF

Using the magic of technology, the folks over at Plotagraph Pro has come up with a way to turn basic flat JPEG images into animated GIFs.  Sort of like a cinemagraph, instead of needing to take a video though, or use layers in Photoshop, the software will use algorithms to animate the existing data in the image to create movement.  The interface looks straightforward, but it allows you to do some complicated things by adding swirls, and curves, really, you’re limited by your imagination.

I think this is pretty cool, but it’s not cheap, and it’s not available to the general public yet.

{Peta Pixel}

DIY the greatest

Unfun Where’s Waldo

found waldo

Where’s Waldo is a great series of books, and I remember spending tons of time reading them and trying to find Waldo and all the other hidden things that were on each drawing.  I thought it was especially annoying when some of them appeared on the crease in the middle of the pages.

Oh well.  Stackoverflow user Heike used computers to do the job of children.  What’s next? Computers doing the jobs of other computers?

I mean, it’s a pretty nice way to show how you can intelligently analyze an image using software, and I have to say, there are ton’s of uses for that, but I’m sure most of them are already in use right now.