Hexbin charts solve the overplotting problem in large scatter datasets by grouping nearby points into hexagonal bins and encoding the count as color intensity or bin size. Hexagons tessellate perfectly and are more visually appealing than squares, making them the preferred choice for 2D density visualization of large continuous datasets.

Subtype

▾

Live Preview

This chart type requires a Pro license.

Please upgrade to unlock advanced visualizations.

{
  "title": {
    "text": "Home Size vs. Sale Price — Hexbin"
  },
  "data": [
    {
      "sqft": 800,
      "price": 220
    },
    {
      "sqft": 950,
      "price": 265
    },
    {
      "sqft": 1100,
      "price": 305
    },
    {
      "sqft": 1250,
      "price": 348
    },
    {
      "sqft": 1400,
      "price": 390
    },
    {
      "sqft": 1550,
      "price": 432
    },
    {
      "sqft": 1700,
      "price": 475
    },
    {
      "sqft": 1850,
      "price": 518
    },
    {
      "sqft": 2000,
      "price": 560
    },
    {
      "sqft": 2150,
      "price": 602
    },
    {
      "sqft": 880,
      "price": 240
    },
    {
      "sqft": 1020,
      "price": 282
    },
    {
      "sqft": 1180,
      "price": 322
    },
    {
      "sqft": 1320,
      "price": 365
    },
    {
      "sqft": 1480,
      "price": 408
    },
    {
      "sqft": 1620,
      "price": 450
    },
    {
      "sqft": 1780,
      "price": 492
    },
    {
      "sqft": 1920,
      "price": 535
    },
    {
      "sqft": 2080,
      "price": 578
    },
    {
      "sqft": 2200,
      "price": 618
    },
    {
      "sqft": 920,
      "price": 255
    },
    {
      "sqft": 1060,
      "price": 295
    },
    {
      "sqft": 1200,
      "price": 338
    },
    {
      "sqft": 1380,
      "price": 380
    },
    {
      "sqft": 1520,
      "price": 420
    },
    {
      "sqft": 1660,
      "price": 462
    },
    {
      "sqft": 1820,
      "price": 505
    },
    {
      "sqft": 1960,
      "price": 548
    },
    {
      "sqft": 2100,
      "price": 588
    },
    {
      "sqft": 2300,
      "price": 635
    },
    {
      "sqft": 2400,
      "price": 680
    },
    {
      "sqft": 2600,
      "price": 740
    },
    {
      "sqft": 2800,
      "price": 810
    },
    {
      "sqft": 3000,
      "price": 880
    },
    {
      "sqft": 3200,
      "price": 950
    }
  ],
  "series": [
    {
      "type": "hexbin",
      "xKey": "sqft",
      "yKey": "price",
      "fill": "#6366f1",
      "stroke": "#fff",
      "strokeWidth": 1
    }
  ],
  "axes": [
    {
      "position": "bottom",
      "title": {
        "text": "Square Footage"
      }
    },
    {
      "position": "left",
      "title": {
        "text": "Sale Price ($K)"
      }
    }
  ]
}

Edit JSON above · auto-previews after 0.9 s

Hexagonal bins aggregate a dense scatter of housing price vs. square footage data to reveal the price concentration zones.

PreviousDensity Contours Next Ternary Plots

Was this article helpful?