PPTX.gallery

Histogram Chart Preset

Histogram

Histogram is an OPF histogram chart preset with canonical workbook metadata, sample data, and engine chart type mapping.

histogramOPF type: HISTOGRAMsimple
Histogram chart preview rendered from its OPF sample

Use Case

Show the shape and concentration of numeric distributions.

Data Requirements

1 value column of 60 raw observations; the chart bins them automatically (Scott's rule)

Group

Distribution charts that reveal frequency, concentration, and skew.

Series

1 series across 60 categories

Workbook Range

Sheet1!$A$1:$BI$2

When to Use

Use for analytical audiences comparing spread, skew, or process variation.

When to Avoid

Avoid when the audience needs individual category comparison rather than distribution shape.

Series colors

By default a chart takes its series colors from the deck's color scheme. Series 1 to 6 use accent1 to accent6 of the scheme in that order; series 7 to 12 use the same six accents mixed 40% toward white (series 7 is a tint of accent1). A pie, doughnut, treemap or funnel gives category i color i. Charts with more than twelve series repeat the list.

Put the series that carries the message first, because accent1 is the deck's primary, and keep a chart to six series or fewer so no tint is needed. Each color is then adjusted so it keeps 3:1 contrast against the chart panel and stays apart from its neighbours; on a dark panel colors are lightened, never merged.

To set a series color yourself, give the chart chart.colors: a list of up to 24 colors by position, where entry i replaces the palette color of series (or slice, for a pie) i and the rest of the palette is unchanged. An entry is any ColorRef: a hex color, a color-scheme slot or role such as accent3 (it follows the deck if its scheme changes), or a var: color variable. The contrast adjustment still applies to authored colors, and the opf/chart-colors-adjusted warning says when an entry was unresolvable or had to be moved.

"chart": {
  "type": "column",
  "data": { "columns": ["Quarter", "Revenue", "Costs"], "rows": [["Q1", 12, 8], ["Q2", 18, 11]] },
  "colors": ["accent3", "#7B241C"]
}

highlight wins over both: the series and categories it names take the deck's primary color and every other mark takes a muted neutral, whatever chart.colors says.

Core 0.21.0 behavior.

Best Practices

1

Use meaningful bins

2

Annotate important thresholds

3

Avoid decorative gradients that hide frequency

Recommended Companions

OPF Config

charts:histogram
OPF JSON
{
  "$schema": "https://openpresentation.org/schema/opf/v1",
  "name": "PPTX.gallery — charts/histogram",
  "description": "Histogram is an OPF histogram chart preset with canonical workbook metadata, sample data, and engine chart type mapping.",
  "tags": [
    "gallery:charts/histogram"
  ],
  "slides": [
    {
      "id": "gallery-preview-1",
      "layout": "chart",
      "title": "Histogram",
      "subtitle": "Show the shape and concentration of numeric distributions.",
      "chart": {
        "type": "histogram",
        "data": {
          "columns": [
            "Response time (ms)"
          ],
          "rows": [
            [
              29
            ],
            [
              55
            ],
            [
              63
            ],
            [
              73
            ],
            [
              46
            ],
            [
              56
            ],
            [
              69
            ],
            [
              90
            ],
            [
              53
            ],
            [
              61
            ],
            [
              70
            ],
            [
              48
            ],
            [
              58
            ],
            [
              66
            ],
            [
              83
            ],
            [
              50
            ],
            [
              63
            ],
            [
              72
            ],
            [
              45
            ],
            [
              56
            ],
            [
              63
            ],
            [
              83
            ],
            [
              53
            ],
            [
              61
            ],
            [
              69
            ],
            [
              42
            ],
            [
              58
            ],
            [
              66
            ],
            [
              79
            ],
            [
              50
            ],
            [
              58
            ],
            [
              72
            ],
            [
              44
            ],
            [
              56
            ],
            [
              63
            ],
            [
              75
            ],
            [
              52
            ],
            [
              61
            ],
            [
              69
            ],
            [
              40
            ],
            [
              53
            ],
            [
              66
            ],
            [
              77
            ],
            [
              50
            ],
            [
              58
            ],
            [
              66
            ],
            [
              41
            ],
            [
              56
            ],
            [
              63
            ],
            [
              74
            ],
            [
              47
            ],
            [
              61
            ],
            [
              69
            ],
            [
              36
            ],
            [
              53
            ],
            [
              61
            ],
            [
              76
            ],
            [
              49
            ],
            [
              58
            ],
            [
              66
            ]
          ]
        }
      }
    }
  ],
  "catalogs": {
    "default": {
      "source": "https://www.pptx.gallery",
      "layouts": {
        "chart": {
          "name": "Chart",
          "summary": "One to six charts, with an optional note.",
          "tags": [
            "Visuals"
          ],
          "direction": "column",
          "regions": [
            {
              "name": "title"
            },
            {
              "name": "charts",
              "accepts": [
                "chart",
                "group"
              ],
              "role": "primary",
              "flow": "grid"
            },
            {
              "name": "note",
              "size": "auto",
              "accepts": [
                "text"
              ],
              "role": "supporting",
              "flow": "none"
            }
          ],
          "description": "Give a chart enough space to show its evidence. Use the title to state the conclusion and labels to explain the measures.",
          "preview": {
            "vectorSrc": "https://www.pptx.gallery/layout-previews/chart.svg"
          }
        }
      }
    }
  }
}
Open in visual editorOpen in Inspector

Load this config in the gallery's visual editor, or in the Inspector at pptx.dev.