Scatter & Bubble
1
Add data
2
Map columns
3
Visualize
Add your data
Upload a CSV or Excel file
Upload file
πŸ“‚
Drop file here
CSV Β· Excel (.xlsx / .xls) β€” or click to browse
πŸ“‹ Column guide
Β· X / Y β€” numeric (required)
Β· Entity β€” dot label (name, country…)
Β· Size β€” bubble radius (optional)
Β· Color β€” group or numeric gradient
Β· Time β€” animation frames (Bubble)

Upload a file to get started

Map columns
Choose chart type and column mapping
Chart type
✦ Scatter
🫧 Bubble
Column mapping
Options

Select X and Y to preview

Summary
Select columns to see summary
Raw data
🎨
Style
🏷️
Labels
πŸ“
Axes
πŸ“–
Legend
πŸ’Ύ
Export
Chart type
✦ Scatter
🫧 Bubble
Color palette
Background
πŸŒ‘ Dark
🩢 Gray
⬛ Black
β˜€οΈ Light
Dot
6px
80%
Font
Chart title
Subtitle
10px
Axis labels
11px
Colors
Label
Tick
Grid
10px
X axis
Y axis
Grid
0.1
0.8
Position
Top left
Top right
Bottom left
Bottom right
Direction
Vertical
Horizontal
Columns
Style
11px
6px
Font color
Box color
πŸ’‘ Drag the legend to reposition freely
πŸ–ΌοΈ
Save as PNG
High-res image
πŸ“
Save as SVG PRO
Scalable vector
πŸ“„
Download CSV PRO
Raw data
πŸ”„
Reset to default
Undo available 5 sec
2Γ—
πŸ“Š Data
Settings reset
// ── DME gate object ──────────────────────────────────────────────────────────── window._dmeSession=null; window._dmeTier='free'; window.DME={ isLoggedIn:()=>!!window._dmeSession, isPro:()=>window._dmeTier==='pro', showLoginGate:()=>openModal(), showUpgradeGate:(msg)=>{ const m=document.createElement('div'); m.style.cssText='position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:10001;display:flex;align-items:center;justify-content:center'; m.innerHTML=`
⭐
Pro Feature
${msg||'This feature requires a Pro account.'}
`; m.addEventListener('click',e=>{if(e.target===m)m.remove();}); document.body.appendChild(m); }, requirePro:(fn,msg)=>{ if(window._dmeTier==='pro'){fn();} else if(!window._dmeSession){openModal();} else{window.DME.showUpgradeGate(msg);} }, checkRowLimit:(rows)=>{ if(window._dmeTier==='pro'||rows.length<=1000)return{ok:true}; return{ok:false,msg:`Your file has ${rows.length} rows. Free accounts are limited to 1,000 rows. Upgrade to Pro for unlimited rows.`}; }, addWatermark:(svg)=>{ const wm=document.createElementNS('http://www.w3.org/2000/svg','text'); wm.setAttribute('x','50%');wm.setAttribute('y','98%');wm.setAttribute('text-anchor','middle'); wm.setAttribute('fill','rgba(255,255,255,0.18)');wm.setAttribute('font-size','11');wm.setAttribute('font-family','Inter,sans-serif'); wm.textContent='DataMadEasy.com';svg.appendChild(wm);return wm; }, };