Skip to main content
100%

D3 Notebook: Playing With Bubble Charts

✓ Published0🌍 Public
663anp3ca
Last edited Sep 25, 2018
Created on Sep 25, 2018

This example builds an interactive bubble chart from cereal nutritional data, letting viewers toggle between different measurements like calories, protein, fat, and sugar. Each cereal is represented as a circle whose size encodes the selected value, and the SVG bubbles gently animate when the category changes. The visualization is implemented with D3 v4, uses a force simulation to position the bubbles, and is styled with a single blue color at partial opacity, with a light blue outline for each circle. The dataset is loaded from a CSV file and bound to the circles using D3's data join. The chart offers a simple, playful way to explore multivariate nutrition data through direct manipulation.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/DavetheBrave19/'>DavetheBrave19</a>'s block: <a href='http://bl.ocks.org/DavetheBrave19/f86d0f35ad9c75235df7935db787cb30'>D3 Notebook: Playing With Bubble Charts</a>

mit Licensed

Similar vizzes