Accessible Web visuals and code with p5.js

Posted to Coding  |  Tags: ,  |  Nathan Yau

Visualization on the Web can be tricky for those unfamiliar with code. The new JavaScript library p5.js, developed by Lauren McCarthy and collaborators, aims to make your first steps easier and less painful.

Using the original metaphor of a software sketchbook, p5.js has a full set of drawing functionality. However, you're not limited to your drawing canvas, you can think of your whole browser page as your sketch! For this, p5.js has addon libraries that make it easy to interact with other HTML5 objects, including text, input, video, webcam, and sound.

The library follows some of the same philosophy as Processing — that is, straightforward to get up and running — and reimagines the implementation and approach for recent web technology. Even if you're not into programming, it's worth visiting if just to watch, listen, and interact with Dan Shiffman as he enthusiastically talks about the library.

Favorites

Graphical perception – learn the fundamentals first

Before you dive into the advanced stuff – like just about everything in your life – you have to learn the fundamentals before you know when you can break the rules.

Jobs Charted by State and Salary

Jobs and pay can vary a lot depending on where you live, based on 2013 data from the Bureau of Labor Statistics. Here’s an interactive to look.

Interactive: When Do Americans Leave For Work?

We don’t all start our work days at the same time, despite what morning rush hour might have you think.

The Most Unisex Names in US History

Moving on from the most trendy names in US history, let’s look at the most unisex ones. Some names have …