Data, my Heart!

Data, my Eyes!

Visualize

Q: How does one visualize data?

A: Depends on the data. Depends on the questions

Juice Junction

What are the most popular juices?

Pie Chart

Sometimes a Pie Chart skews perception

We can improve that

Donut Chart

Has juice drinking become more popular with time?

Aggregated line chart

Has certain juices become more popular with time?

Line Chart per Juice

Line Charts

Not good when there is too much data

This could be better

Small Multiples

Easier comparison

Sparklines

There are times when data needs to appear in the middle of a paragraph.

Like so:

On an average, it would appear that Musambi : and Watermelon : are both popular and consistent. While Dates : isn't very popular, it appears to be consistently consumed, so one can say that it has its loyal customer base.

Consistency of juice consumption

Boxplot

Mean

Median

Quartiles

Outliers

Who drinks what the most? :)

Treemaps

What other juces do people drink?

Chord Diagram

Are some juices popular on some days?

Stack Chart

We can improve that

Area Chart

Conclusions

India and Pakistan

Who make better debuts?

Batsmen

Bowlers

Scatterplot

3 dimensions in 2

Good for orthogonal data

Identify clusters

d3.js

Mike Bostock

Proto Vis

d3.js

Cube

Cubism

Data Driven Documents

Bind data to the DOM

Selectors

    d3.selectAll("p")

        .style("color", "white");

d3.select("body")

        .style("background-color", "black");

Dynamic Properties

d3.selectAll("p")

    .data([4, 8, 15, 16, 23, 42])

    .style("font-size", function(d) { return d + "px"; });

Transitions

      d3.select("body").transition() 

    .style("background-color", "black");

Questions?