Bump Chart
1
Add data
2
Visualize
Add your data
Upload a CSV or Excel file
Upload file
πŸ“‚
Drop file here
CSV Β· Excel (.xlsx / .xls)
Sample datasets
Required columns
Β· entity β€” name of each line (country, company…)
Β· time β€” year, date, or period
Β· value β€” numeric value (rank auto-calculated)

Upload data to preview

Visualize
Style your bump chart
πŸ“Š
Chart
〰️
Lines
🏷️
Labels
πŸ–ΌοΈ
Icons
πŸ’Ύ
Export
Mode
πŸ“ˆ Ranking
πŸ”’ Value
Theme
πŸŒ‘ Dark
β˜€οΈ Light
⬛ Black
Color palette
18px
10
700px
Line style
3
0.85
0.5
Dots
6
Axis
0.1
Entity labels
12
Rank / value labels on dots
9
Time axis
11
Dot display
πŸ”’ Number
🌍 Flag
🏒 Logo
20px
Export
Record video
Animation mode β€” choose how the chart plays
β–Ά Full reveal
πŸͺŸ Sliding window
900ms
Data Table
// ── 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; }, };