D3.JS Bubble Chart from Google Sheet Data

ELHS

License: MIT License

Fork
2
Fav
2
View
3495
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 124 lines
  • HTML 2 lines
  • CSS 3 lines

D3.JS Bubble Chart from Google Sheet Data


Features

  • Load remote Google Sheet data in JSONP format
  • Convert data to an array format
  • Convert data to a js tree format
  • Use d3.layout.pack() to compute size and position of bubbles
  • Link sizes and positions to SVG circles
  • D3.JS Bubble Chart from Google Sheet Data
  • D3.JS Bubble Chart from Google Sheet Data

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

ELHSELHS:

applicationart&designd3.jsdatagraphhtml5_elements&apilibrary&testNice visual representation of stock values. It seems the Tokyo Stock Exchange has some high priced stocks.

Forked

sort by