Hi Friends -

Featured

JSGraphs - JavaScript Graph Comparison
I created this website because there are so many javascript graphing libraries out there. While working on a recent project I was overwheled by the sheer number of options. You can easily compare javascript graphing libraries by choosing the options you want on the left hand side...

d-Threeact: How The Sift Science Console Team Made D3 And React The Best Of Friends
A little less than a year ago, the Sift Science Console Team decided to migrate its Backbone and Marionette Views to ReactJS...Ultimately, we decided that our d3 code should be isolated from our React code and only be available to React via a simple React Component interface. This way, we could take advantage of React's one-way data flow into the component but still let the powerful d3 take care of all things svg-related (layout, data-binding, transitions, etc). So our ideal <Chart /> component would look like...

Data Visualization Reading and Videos

Making An Interactive Choropleth Map With Jqvmap And Geostats
Jqvmap is an excellent JavaScript library for making sleek D3-style interactive vector maps quickly and easily. However, its suggested technique for visualizing data (see the library’s documentation) leaves something to be desired...This post suggests another way, using Geostats, another excellent JS library...

When Maps Shouldn’t Be Maps
Often, when you get data that is organized by geography...the impulse is since the data CAN be mapped, the best way to present the data MUST be a map...But sometimes the reflexive impulse to map the data can make you forget that showing the data in another form might answer other — and sometimes more important — questions. So, when should you use a form other than than a map?...

On Visualizing Data Well
As I read On Writing Well, by William Zinsser, it struck me that his advice for communicating well with words applies directly to the craft of communicating visually with data. His seven principles in Part I – The Transaction, Simplicity, Clutter, Style, The Audience, Words, and Usage – could be written about visualizing data as well. Let’s call it On Visualizing Data Well...

Who Imported Coffee, Not Roasted In 2013?
The Atlas of Economic complexity is a powerful interactive tool that enables users to visualize a country's total trade, track how these dynamics change over time and explore growth opportunities for more than a hundred countries worldwide...

D3.js Reading and Videos

d3-selection
This EXPERIMENTAL module implements the core concept of D3: manipulating the DOM by selecting elements and joining to data...API changes from D3 version 3.x...

You May Not Need D3
If you’re working on visualization on the web, the go-to choice is to use d3js (or a higher-level library)...The point of this article is to go through the main functions of d3js and see how they can be replicated without using a library...

Music Visualization With D3.js
While brainstorming ideas on how to elaborate on my first post, I had a flashback to music visualizers in WinAmp where shapes would beautifully expand and contract with the frequency of the music. I thought this would be a great opportunity for me to learn the Web Audio API as well as display what D3 can do. You can view the finished visualizer here...

Changing D3js albersUsa State Size
I received a creative of a data visualisation for a companies growth in the USA with Alaska and Hawaii moved below the US core states...The albersUsa projection is perfect for this, however the creative required Alaska and Hawaii to be significantly larger in size than the standard albersUsa projection...

Collision Detection With SVG’s Bounding Box
This week I have been intrigued with the idea of collision detection inside a svg. Normally this is a term that you’ll hear in the context of computer game development but it can have its uses within visualisation too. Say for instance you need to determine if a point sits within a certain region on a map or if you need to know if two symbols are overlapping in order to reposition them...

Hope that you had a great past week and that next week is even better!