Data Visualization Gallery
A modern collection of ways of representing data powered by Plotly.js
Global Revenue Index
Choropleth MapRevenue index by country β darker shades indicate higher market contribution
Office Growth Hotspots
Bubble MapRegional offices plotted by location β bubble size = revenue, color = growth rate
Monthly Revenue
BarQ1βQ4 revenue breakdown by product line ($ thousands)
User Growth
Line + Range SliderMonthly active users by acquisition channel β drag the range slider to zoom
Traffic Sources
SunburstHierarchical breakdown of visitor channels β click any segment to drill down
Skill Radar
Polar AreaProficiency across key technical disciplines (out of 100)
Market Analysis
BubbleGrowth rate vs engagement score β bubble size represents revenue
Revenue by Segment
Donut / PieRevenue share by business segment β hover for details, click to isolate
Activity Heatmap
HeatmapUser activity intensity by day of week and hour of day
Performance Distribution
Box PlotSales performance spread and outliers across global regions
Sales Pipeline
FunnelConversion rates across each stage of the sales funnel
Marketing ROI
Scatter + RegressionMarketing spend vs revenue β dashed line shows linear trend across campaigns
Product Portfolio Treemap
TreemapProportional view of product lines by revenue β hover for details, click to zoom into any branch
Quarterly Performance by Region
Stacked AreaCumulative contribution of North America, Europe, and APAC over 8 quarters ($ millions)
Salary Distribution
ViolinSalary spread by department β box shows quartiles, width encodes density
Score Density
Histogram + KDETest score frequency with kernel density estimate overlay
2D Density Map
Contour DensityJoint distribution of two features β contours reveal high-density regions
Cumulative Distribution
ECDFEmpirical CDF of product scores by variant β step function shows probability at each threshold
Stock Price
CandlestickOHLC price action over 60 trading days β green up, red down
P&L Waterfall
WaterfallRevenue-to-net-income bridge showing each cost component's impact