I am new to CartoCSS and web mapping in general. I am working on a project with different sized points that represent populations in different locations around cities. What I want to do is have it such that the points do not overlap, especially at changing zoom levels. I played around a bit with the marker-overlap true/false, but that doesn't seem to help. I've used Jitter functions to do something similar in R and other data visualization things, but from my cursory search I did not see anything about this. Do I need to write instructions for different zoom levels in relation to this? I am hoping not to use a cluster function because the data in each dot represents different ethnic groups, something I want preserved at a larger scale.
EDIT: The problem is not points that share the same location - rather, the points are close by but "smush" together into one blob at higher zoom levels. I also want to retain the bubble size effect. See images : https://i.sstatic.net/6BhE0.jpg
EDIT: how to combine chloropleth, bubble and cluster designs in CARTO? <- this is a very similair problem, but again they have points that are on the same point rather than located close together.
Sample:
/** Nepal */
#diasporaoutreachinfo [ _1_country = "Nepal"]{
marker-fill-opacity: 0.9;
marker-line-color: #FFF;
marker-line-width: 1;
marker-line-opacity: 1;
marker-placement: point;
marker-multi-policy: largest;
marker-type: ellipse;
marker-fill: #41006D;
marker-allow-overlap: true;
marker-clip: false;
}
#diasporaoutreachinfo [ _1_country = "Nepal"][ _3_count <= 5700] {
marker-width: 25.0;