gordonbrander + visualization   46

radicalcartography
Honest-to-gosh data visualization, created in 1870 for the 9th US Census. Amazing quality and care.
visualization  design  inspiration  data  geo  history 
15 days ago by gordonbrander
D3 Without SVG - Jim Vallandingham
NYT recently did some work with D3, forgoing SVG. I think with minimal modification, D3 could actually make a keen front-end framework.
mvc  javascript  development  web  design  data  visualization  learn  blog 
19 days ago by gordonbrander
Dancing with Data « Quasipartikel
Dance.js is a Backbone framework for data-driven vis that imitates D3.js. Investigate.
javascript  mvc  data  visualization  opensource  backbonejs  d3js 
20 days ago by gordonbrander
chartsnthings
Tumblr. A look behind the scenes at how infographics are produced at the New York Times.
data  visualization  design  blog  learn 
28 days ago by gordonbrander
Cubism.js
Cubism.js is a D3 plugin for visualizing time series. Use Cubism to construct better realtime dashboards, pulling data from Graphite, Cube and other sources.
JavaScript  development  web  data  visualization  opensource  library  svg  from iphone
5 weeks ago by gordonbrander
Thinking with Joins
So D3 prioritizes manipulating the elements -- the enter and exit methods correspond to views, not data. This seems right to me. Data is just data -- when it changes, the code should react to that.
javascript  visualization  data  functional  svg  categorytheory  animation 
5 weeks ago by gordonbrander
The Miso Project
Miso is an open source toolkit designed to expedite the creation of high-quality interactive storytelling and data visualisation content.
javascript  data  visualization  design  opensource  library 
5 weeks ago by gordonbrander
Pixels or Perish » American Scientist
The art of scientific illustration will have to adapt to the new age of online publishing

D3.js gets a mention.
science  data  visualization  javascript  svg  essay 
6 weeks ago by gordonbrander
Up and Down the Ladder of Abstraction
How can we design systems when we don't know what we're doing?

The most exciting engineering challenges lie on the boundary of theory and the unknown. Not so unknown that they're hopeless, but not enough theory to predict the results of our decisions. Systems at this boundary often rely on emergent behavior — high-level effects that arise indirectly from low-level interactions.

When designing at this boundary, the challenge lies not in constructing the system, but in understanding it. In the absence of theory, we must develop an intuition to guide our decisions. The design process is thus one of exploration and discovery.
compsci  visualization  design  development  math  learn 
february 2012 by gordonbrander
bl.ocks.org - 1893974 - Mitchell's Best-Candidate
Mitchell's best-candidate algorithm generates a new random sample by creating k candidate samples, and picking the best of k. Here the "best" sample is defined as the sample that is farthest away from previous samples.

An interesting way to generate noise.
javascript  visualization  art  math  compsci  development 
february 2012 by gordonbrander
Scientific Communication As Sequential Art
This page presents a scientific paper that has been redesigned as a sequence of illustrations with captions. This comic-like format, with tightly-coupled pictures and prose, allows the author to depict and describe simultaneously — show and tell.

From @worrydream.
design  science  writing  visualization  data  art  inspiration 
february 2012 by gordonbrander
Dencity | Fathom
A very impressive visualization showing population density across the world as we head to 7 billion.

The world is amazing.
data  visualization  design  inspiration 
november 2011 by gordonbrander
d3.js
D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.
A truly impressive vehicle for data visualization. Uses SVG and DOM elements. Animation and transformation happens by applying properties to elements.

It looks powerful, intuitive and easy-to-learn.

Presents all kinds of interesting possibilities, such as exposing the values in a crawl-able fashion.
data  visualization  javascript  svg  opensource  animation  bdw2011 
november 2011 by gordonbrander
The Popular Science Archive Explorer | Popular Science
A great visualization: chart any word to see how frequently it appears in Popular Science's archives.
data  visualization  design  inspiration  bdw2011 
november 2011 by gordonbrander
Processing, JSON & The New York Times | blprnt.blg
Perfect example: a tutorial that shows how to get keywords from NYT API and bar graph the examples: class project will be to convert to JS.
api  json  processing  visualization  data  opensource  learn  bdw2011 
november 2011 by gordonbrander
BAROQUE.ME
A lovely visualization of Bach's Cello Suite, no. 1.
music  art  javascript  html  canvas  visualization 
october 2011 by gordonbrander
VVVV.js
A Javascript/Canvas runtime for the VVVV visual language
javascript  webgl  canvas  opensource  visualization 
july 2011 by gordonbrander
Strange Native
The blog of an OpenFrameworks developer. He also does interesting CSS experiments from time to time.
design  portfolio  blog  openframeworks  visualization  music 
july 2011 by gordonbrander
toxiclibs
A huge collection of "batteries included" classes for Processing or Java, including particle systems, color, audio, more.
art  design  processing  visualization  java  library  opensource  audio 
july 2011 by gordonbrander
peoplemovin - A visualization of migration flows
Most people on the globe are moving -- more than at any time in history. This diagram shows the flow of people between countries. Where are people going, and from where to they harken?
canvas  visualization  data  culture  journalism  design 
july 2011 by gordonbrander
Toxiclibs.js - Open-Source Library for Computational Design
The ToxicLibs library from Processing ported to Javascript. Utils for forces, flocking, particles, etc.
javascript  processing  visualization  animation  canvas  opensource  bdw2011 
july 2011 by gordonbrander
Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade
BSD-licensed Javascript library for rolling custom mapping using OpenStreetMap data. The fade effect for tiles feels really nice.
javascript  opensource  geo  data  visualization 
may 2011 by gordonbrander
Anatomy of a Mashup: Definitive Daft Punk visualised
Further insane work from TheManInBlue (Cameron Adams). It's been amazing to see how his work has evolved over the past ~8 years.
music  html5  javascript  visualization 
may 2011 by gordonbrander
jtnimoy - Tron Legacy (2010)
Article on the Processing and OpenFrameworks code that prototyped graphics for Tron Legacy.
art  processing  visualization 
april 2011 by gordonbrander
Processing.org
An open source visual language based in Java. Processing comes with an IDE, too.
design  data  visualization  toolbox  java  processing 
february 2011 by gordonbrander
flot - Project Hosting on Google Code
Pure javascript plotting/charting library for jQuery. Works in IE6+ and all modern browsers.
javascript  jquery  opensource  data  development  visualization 
january 2011 by gordonbrander
Japanese, or Vedic Multiplication - YouTube
A visual method for multiplication. Vedic multiplication was "rediscovered" from the Vedas and uses a visual formula of crossed lines for deriving answers.
visualization  math  design  learn  film 
january 2011 by gordonbrander

Copy this bookmark:



description:


tags: