Commanding Chaos for Coworking, Open Source and Creative Communities

svg

CodePen - Front End Developer Playground & Code Editor in the Browser

Tue, 02/03/2015 - 09:23 -- rprice

CodePen is for Web Designers and Front End Developers. It is an HTML, CSS, and JavaScript code editor in your browser with instant previews of the code you see and write. It is a searchable trove of your own creations, and a world of other people's creations. A place to troubleshoot, to teach, to learn, to test, and to grow.

code
html5
Programming
javascript
html
css
svg
inspiration
battideas

Green Honey

Thu, 12/04/2014 - 09:41 -- rprice

Keep testing different models and learn something new from your dataset. There is a way of thinking that treats visualization as a magical process that prettifies the output, yet the only way we can make a meaningful graph is when we discover something meaningful during our research. People are relying on us to see the world. Out of everyone, we are the ones who need to have these interesting tests / models / questions / hypotheses at hand because if we don't know the color “red,” our story will never have “red” in it.

color
Design
inspiration
visualization
data
Wikipedia
battideas
svg
china

D3.js - Data-Driven Documents

Wed, 08/08/2012 - 14:04 -- rprice

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

processing
svg
battideas
data
visualization
javascript

A List Apart: Articles: Using SVG for Flexible, Scalable, and Fun Backgrounds, Part II

Sat, 12/31/2011 - 11:03 -- rprice

A background image that fits the entire web page can be more challenging. I’ve learned that a simple graphic with a strong diagonal feel, sized to fit 100% of the page’s height and width, can be a fun and effective background graphic that seems to be a custom fit to the web page size

listapart
vector
tutorial
Graphics
html5
svg
Subscribe to RSS - svg