[Charts](https://oods-foundry.com/charts) / Bar

# Bar

Rendered from sample rows by viz_render in OODS Foundry 0.10.1, in each theme.

Generated from @oods/foundry 0.10.1

Each chart is drawn live in your browser from the spec viz_render returned with it, so you can point at its marks. The SVG viz_render returned is the record: its hash is under each chart, and it shows where a live drawing would differ from it.

## `pattern:viz:detail-overview-bar`

![Core outperforms targets across all segments while Plus trails only in SMB](https://oods-foundry.com/charts/svg/detail-overview-bar-light.svg)

light `sha256:099d785d0163…`drawn live from its spec

![Core outperforms targets across all segments while Plus trails only in SMB](https://oods-foundry.com/charts/svg/detail-overview-bar-dark.svg)

dark `sha256:4c481f50e8de…`drawn live from its spec

![Core outperforms targets across all segments while Plus trails only in SMB](https://oods-foundry.com/charts/svg/detail-overview-bar-hc.svg)

high contrast `sha256:b089f14b295e…`drawn live from its spec

## `pattern:viz:diverging-bar`

![Onboarding contributes +18 points while Reporting drags the score by 12 points.](https://oods-foundry.com/charts/svg/diverging-bar-light.svg)

light `sha256:70c244e3110b…`drawn live from its spec

![Onboarding contributes +18 points while Reporting drags the score by 12 points.](https://oods-foundry.com/charts/svg/diverging-bar-dark.svg)

dark `sha256:22b33325d962…`drawn live from its spec

![Onboarding contributes +18 points while Reporting drags the score by 12 points.](https://oods-foundry.com/charts/svg/diverging-bar-hc.svg)

high contrast `sha256:abc88303cb40…`drawn live from its spec

## `pattern:viz:drilldown-stacked-bar`

![Americas pipeline grows faster in Sales stage across both quarters](https://oods-foundry.com/charts/svg/drilldown-stacked-bar-light.svg)

light `sha256:65f3d5ee64ce…`drawn live from its spec

![Americas pipeline grows faster in Sales stage across both quarters](https://oods-foundry.com/charts/svg/drilldown-stacked-bar-dark.svg)

dark `sha256:282d85aecdbf…`drawn live from its spec

![Americas pipeline grows faster in Sales stage across both quarters](https://oods-foundry.com/charts/svg/drilldown-stacked-bar-hc.svg)

high contrast `sha256:db1f8f1fd535…`drawn live from its spec

## `pattern:viz:grouped-bar`

![Enterprise coverage leads every quarter while Growth closes the gap by Q4.](https://oods-foundry.com/charts/svg/grouped-bar-light.svg)

light `sha256:b4a7748ae3e6…`drawn live from its spec

![Enterprise coverage leads every quarter while Growth closes the gap by Q4.](https://oods-foundry.com/charts/svg/grouped-bar-dark.svg)

dark `sha256:3a0a1c386558…`drawn live from its spec

![Enterprise coverage leads every quarter while Growth closes the gap by Q4.](https://oods-foundry.com/charts/svg/grouped-bar-hc.svg)

high contrast `sha256:17d3f3b1e5fd…`drawn live from its spec

## `pattern:viz:histogram`

![The supplied frequency bins peak at 20–30 with 12 observations; the bins are already computed and have equal widths.](https://oods-foundry.com/charts/svg/histogram-light.svg)

light `sha256:1cb13abd260b…`drawn live from its spec

![The supplied frequency bins peak at 20–30 with 12 observations; the bins are already computed and have equal widths.](https://oods-foundry.com/charts/svg/histogram-dark.svg)

dark `sha256:c5e4003e5918…`drawn live from its spec

![The supplied frequency bins peak at 20–30 with 12 observations; the bins are already computed and have equal widths.](https://oods-foundry.com/charts/svg/histogram-hc.svg)

high contrast `sha256:57895a3022d0…`drawn live from its spec

## `pattern:viz:simple-bar`

![Engineering leads at 45, followed by Sales at 30; Marketing is smallest at 18.](https://oods-foundry.com/charts/svg/simple-bar-light.svg)

light `sha256:6b82a9f6d921…`drawn live from its spec

![Engineering leads at 45, followed by Sales at 30; Marketing is smallest at 18.](https://oods-foundry.com/charts/svg/simple-bar-dark.svg)

dark `sha256:e06d212d826d…`drawn live from its spec

![Engineering leads at 45, followed by Sales at 30; Marketing is smallest at 18.](https://oods-foundry.com/charts/svg/simple-bar-hc.svg)

high contrast `sha256:5fb33fb71b3c…`drawn live from its spec

## `pattern:viz:stacked-100-bar`

![Partners dominate APAC, while the Americas lean heavily into direct acquisition.](https://oods-foundry.com/charts/svg/stacked-100-bar-light.svg)

light `sha256:64cee9483c88…`drawn live from its spec

![Partners dominate APAC, while the Americas lean heavily into direct acquisition.](https://oods-foundry.com/charts/svg/stacked-100-bar-dark.svg)

dark `sha256:432395a3935f…`drawn live from its spec

![Partners dominate APAC, while the Americas lean heavily into direct acquisition.](https://oods-foundry.com/charts/svg/stacked-100-bar-hc.svg)

high contrast `sha256:b923c8735fbd…`drawn live from its spec

## `pattern:viz:stacked-bar`

![Bug fixes dominate the workload, but feature work ramps by March.](https://oods-foundry.com/charts/svg/stacked-bar-light.svg)

light `sha256:d8d0fa2b998d…`drawn live from its spec

![Bug fixes dominate the workload, but feature work ramps by March.](https://oods-foundry.com/charts/svg/stacked-bar-dark.svg)

dark `sha256:693bc003055d…`drawn live from its spec

![Bug fixes dominate the workload, but feature work ramps by March.](https://oods-foundry.com/charts/svg/stacked-bar-hc.svg)

high contrast `sha256:06d23208f446…`drawn live from its spec

## `pattern:viz:waterfall`

![The example balance opens at 100, gains 60 in revenue, loses 35 in costs, and closes at 125.](https://oods-foundry.com/charts/svg/waterfall-light.svg)

light `sha256:b12eb831ccd0…`drawn live from its spec

![The example balance opens at 100, gains 60 in revenue, loses 35 in costs, and closes at 125.](https://oods-foundry.com/charts/svg/waterfall-dark.svg)

dark `sha256:ac088d6de910…`drawn live from its spec

![The example balance opens at 100, gains 60 in revenue, loses 35 in costs, and closes at 125.](https://oods-foundry.com/charts/svg/waterfall-hc.svg)

high contrast `sha256:6359f8b520dd…`drawn live from its spec

## Certified: 4 results

`artifact_certify` on `detail-overview-bar`, drawn in light: coverage `certified`, conformant `true`.

- accessibility equivalence `a11yEquivalence`

  `pass`

- determinism `determinism`

  `pass`

- contrast `contrast`

  `pass`

- accuracy `accuracy`

  `pass`

**Contrast:** certify grades the series-to-paint assignment of the rendered chart (the compiled spec rendered through @oods/viz-render), against the requested CSS scope canvas. Scope: light/A.

### Its narrative

Detail-overview bookings compares Segment; Enterprise leads at 3.6 while SMB is lowest at 0.7.

- High Bookings: Bookings 3.6 (Enterprise)
- Low Bookings: Bookings 0.7 (SMB)
- Product: Core, Plus

### Its data table

Bookings vs target by product and segment

| Product | Segment | Bookings | Target |
| - | - | - | - |
| Core | Enterprise | 3.6 | 3.2 |
| Core | Growth | 1.8 | 1.7 |
| Core | SMB | 0.9 | 0.8 |
| Plus | Enterprise | 2.4 | 2.1 |
| Plus | Growth | 1.4 | 1.2 |
| Plus | SMB | 0.7 | 0.6 |

Certification covers charts only: it measures the chart's specification. A pass means no offered rule found a problem, not a general promise. An ECharts type certifies only when its data is supplied.

The call

```
{
  "brand": "A",
  "theme": "light",
  "spec": { … the normalized spec viz_render returned … }
}
```
