D3.js

No hagamos más modificaciones sobre la base del azar. Usemos datos para una representación gráfica. Por ejemplo, las cuatro ciudades más pobladas de Chile:

var ciudades = [
  { name: 'Santiago', population: 5631839},
  { name: 'Concepción', population: 848023},
  { name: 'Valparaíso', population: 824006},
  { name: 'Coquimbo', population: 296253}, 
];

.data(ciudades) - Vamos a buscar los datos de la variables ciudades.

.attr('r', function(d) { return d.population / 57000; }); - Modificamos el radio con cada dato (lo divido por 57000 porque así cabe justo dentro del svg).