Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Question 4 bubble chart

Public visualization

Viewing a saved revision (read-only)

954c318557e9484a9cbb0f7983fa1302

Fork of Question 4 bubble chart

0 stars0🌍 Public
Nneeleshalapati@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024

This bubble chart uses a force-directed layout to visualize 25 data points from a CSV file, with each node's size and color encoded by the data's `size` and `groupid` values. The chart arranges the circles as a packed bubble diagram where larger bubbles tend toward the center, while smaller ones are pushed outward. The visualization is built with D3 v5 and the `d3.forceSimulation` API, combining many-body repulsion, X/Y centering forces, and collision detection to position the circles. Labels show each node's ID, and the simulation updates positions through a tick callback that adjusts circle and text attributes on an SVG canvas.

AI-generated description

Stacked bars showing estimated religion breakdown of the most populous 20 countries in 2010. Based on an example from the tutorial Splitting Charts. Interactions:

  • Hover over the legend to highlight religions.

Data is from The Global Religious Landscape by Pew Research, generated using this processing script.