Data Visualization: Zoomable Circles
Control
Design
Memos
Control Panel
Dynamic Scale
Total Size:
Circle Amount:
Step Length:
Generate
Examples
Choose an example:
HIV and AIDS in Canada 2015
OPSpedia Overview (Technology)
World War II Total deaths
Canada national bird vote
Simple Circles
12 Equal Size Circles
Tweak Data in JSON
The Zoomable Circles
Design Ideas
Dynamic Scale Panel Design
Try to control the position of each circle by automatically and dynamically scale the size of each circle.
Control Panel Design
layout, logo, branding, message displaying, counting, etc.
Design and Development Memos
Dependences
: d3, d3-cloud, jQuery
Bootstrap is optional.
List JSON string here
Copy to clipboard