carlvlewis / d3-bubble

Showcasing d3 bubble chart using PubNub streaming data

D3 Bubble Chart with PubNub Live JSON Demo

This demo showcases a data visualization, written with D3.js and PubNub data streaming network JavaScript API.

You may say, "OK, it looks pretty but what does this chart really mean?" - Well, it shows message volume per country from an each PubNub data center. The size of each bubble corresponds with volume.

I initentionally did not add labels to the bubbles to avoid clutter, also to simplify the tutorial and to make it visually prettier. This makes you think this chart is useless, but I keep it this way. It is your job to make your own useful charts. I am just providing you ideas :-)

Anyway, the country names are not labeled, however, you can open a dev console to see abbriviated country codes as class name.

Turorial

Fun with D3js: Data Visualization Eye Candy with Streaming JSON

Demo

Try it now!