Skip to content

pubnub/d3-bubble

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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!

Screencast

About

Showcasing d3 bubble chart using PubNub streaming data

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •