Hi Friends -
Welcome to the eighteenth issue of DashingD3js.com's Weekly Newsletter .
Onwards to this week's links...
Data | Visualization | Art?
When it comes to the aesthetic aspect of data visualizations, many times I feel like a nine year old girl (which is very strange) in a candy store who is blinded by all the pretty colors and shapes. Yes indeed, this example might not be the ideal way to start a critical approach on any object of study, but somehow it grasps the experience certain visualizations can provoke.
Data Visualization Reading and Videos
Introducing HumanGeo’s Leaflet Data Visualization Framework
Making The Beautiful Table
Several months ago, I began to ask "are we providing the best solution given the tools available?" about one of my passions: football ("soccer" to us yanks). I wondered if how we communicate basic football information such as standings, results, and schedule could be improved through design. So with a sketchbook and Macbook in hand and Tufte's sage words on my mind, I went to work.
The Case For Information Visualization
Data visualization is all over the place. On the hype curve, we’re clearly up in the area of inflated expectations. If you listen to the reporting, you wouldn't be blamed for thinking dataviz is going to bring world peace! I’m writing to beat the drum in favor of more informal presentations. You can tell better data stories, and engage your audience more, by creating less formal data presentations.
Strategies For Avoiding The Spaghetti Graph
It seems that I have a distaste for any chart type that has food in its title. My hatred of pie charts is well documented. Donuts are even worse. Here's another to add to the list: the spaghetti graph. Haven't seen one before? Oh, but surely, you have. They look something like this...
D3.js Reading and Videos
Getting Started With D3.JS - Christophe Viau
As we shared on our blog a few months ago, our Business Infographic Designer and data visualization tools are powered by D3. js. For those of you interested in learning more, the following is a post full of resources and examples that I originally posted on my personal blog. I welcome any comments or questions here, or on Twitter at @d3visualization and @Datameer.
A bookmarklet that extracts SVG nodes and accompanying styles from an HTML document and downloads them as an SVG file—A file which you could open and edit in Adobe Illustrator, for instance. Because SVGs are resolution independent, it’s great for when you want to use web technologies to create documents that are meant to be printed (like, maybe on newsprint). It was created with d3.js in mind, but it should work fine no matter how you choose to generate your SVG.
Designing a Reusable Line Chart in D3.js
Random Walk in Configuration Space - @MonsieurCactus
Based from two tutorials: d3.js Bar Tutorial (Michael Bostock) and Basic SVG Shapes and d3.js (DashingD3js) and a Mathoverflow post: What do Heat Kernels have to do with the Gauss-Bonnet Theorem...? So I made up a story: Two dudes run around a circular track holding a string and i'm recording the angle of the string with respect to horizontal.
Hope that you had a great past week and that next week is even better!
Wishing you the best,