elastic · nickofthyme · Feb 13, 2024 · Jan 26, 2024 · Jan 29, 2024 · Jan 31, 2024
diff --git a/...l/bullet-as-metric/should-render-with-positive-negative-values-chrome-linux.png b/...l/bullet-as-metric/should-render-with-positive-negative-values-chrome-linux.png
diff --git a/...e/bullet-as-metric/should-render-with-positive-negative-values-chrome-linux.png b/...e/bullet-as-metric/should-render-with-positive-negative-values-chrome-linux.png
diff --git a/...l/bullet-as-metric/should-render-with-positive-negative-values-chrome-linux.png b/...l/bullet-as-metric/should-render-with-positive-negative-values-chrome-linux.png
diff --git a/...tories.test.ts-snapshots/bullet-stories/renders-angular-bullet-chrome-linux.png b/...tories.test.ts-snapshots/bullet-stories/renders-angular-bullet-chrome-linux.png
diff --git a/...t_stories.test.ts-snapshots/bullet-stories/renders-grid-bullet-chrome-linux.png b/...t_stories.test.ts-snapshots/bullet-stories/renders-grid-bullet-chrome-linux.png
diff --git a/...stories.test.ts-snapshots/bullet-stories/renders-single-bullet-chrome-linux.png b/...stories.test.ts-snapshots/bullet-stories/renders-single-bullet-chrome-linux.png
diff --git a/....test.ts-snapshots/bullet-stories/renders-single-column-bullet-chrome-linux.png b/....test.ts-snapshots/bullet-stories/renders-single-column-bullet-chrome-linux.png
diff --git a/...ies.test.ts-snapshots/bullet-stories/renders-single-row-bullet-chrome-linux.png b/...ies.test.ts-snapshots/bullet-stories/renders-single-row-bullet-chrome-linux.png
diff --git a/...pe-circle/nice-domain-false/should-render-with-negative-values-chrome-linux.png b/...pe-circle/nice-domain-false/should-render-with-negative-values-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-negative-values-reversed-chrome-linux.png b/.../nice-domain-false/should-render-with-negative-values-reversed-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-positive-negative-values-chrome-linux.png b/.../nice-domain-false/should-render-with-positive-negative-values-chrome-linux.png
diff --git a/...ain-false/should-render-with-positive-negative-values-reversed-chrome-linux.png b/...ain-false/should-render-with-positive-negative-values-reversed-chrome-linux.png
diff --git a/...pe-circle/nice-domain-false/should-render-with-positive-values-chrome-linux.png b/...pe-circle/nice-domain-false/should-render-with-positive-values-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-positive-values-reversed-chrome-linux.png b/.../nice-domain-false/should-render-with-positive-values-reversed-chrome-linux.png
diff --git a/...ype-circle/nice-domain-true/should-render-with-negative-values-chrome-linux.png b/...ype-circle/nice-domain-true/should-render-with-negative-values-chrome-linux.png
diff --git a/...e/nice-domain-true/should-render-with-negative-values-reversed-chrome-linux.png b/...e/nice-domain-true/should-render-with-negative-values-reversed-chrome-linux.png
diff --git a/...e/nice-domain-true/should-render-with-positive-negative-values-chrome-linux.png b/...e/nice-domain-true/should-render-with-positive-negative-values-chrome-linux.png
diff --git a/...main-true/should-render-with-positive-negative-values-reversed-chrome-linux.png b/...main-true/should-render-with-positive-negative-values-reversed-chrome-linux.png
diff --git a/...ype-circle/nice-domain-true/should-render-with-positive-values-chrome-linux.png b/...ype-circle/nice-domain-true/should-render-with-positive-values-chrome-linux.png
diff --git a/...e/nice-domain-true/should-render-with-positive-values-reversed-chrome-linux.png b/...e/nice-domain-true/should-render-with-positive-values-reversed-chrome-linux.png
diff --git a/...llet-stories/subtype-circle/should-render-colors-with-config-1-chrome-linux.png b/...llet-stories/subtype-circle/should-render-colors-with-config-1-chrome-linux.png
diff --git a/...llet-stories/subtype-circle/should-render-colors-with-config-2-chrome-linux.png b/...llet-stories/subtype-circle/should-render-colors-with-config-2-chrome-linux.png
diff --git a/...llet-stories/subtype-circle/should-render-colors-with-config-3-chrome-linux.png b/...llet-stories/subtype-circle/should-render-colors-with-config-3-chrome-linux.png
diff --git a/...llet-stories/subtype-circle/should-render-colors-with-config-4-chrome-linux.png b/...llet-stories/subtype-circle/should-render-colors-with-config-4-chrome-linux.png
diff --git a/...ries/subtype-circle/should-render-colors-with-discrete-classes-chrome-linux.png b/...ries/subtype-circle/should-render-colors-with-discrete-classes-chrome-linux.png
diff --git a/...hots/bullet-stories/subtype-circle/should-render-in-dark-theme-chrome-linux.png b/...hots/bullet-stories/subtype-circle/should-render-in-dark-theme-chrome-linux.png
diff --git a/...let-stories/subtype-circle/ticks/should-render-with-auto-ticks-chrome-linux.png b/...let-stories/subtype-circle/ticks/should-render-with-auto-ticks-chrome-linux.png
diff --git a/...es/subtype-circle/ticks/should-render-with-explicit-tick-count-chrome-linux.png b/...es/subtype-circle/ticks/should-render-with-explicit-tick-count-chrome-linux.png
diff --git a/...btype-circle/ticks/should-render-with-explicit-tick-placements-chrome-linux.png b/...btype-circle/ticks/should-render-with-explicit-tick-placements-chrome-linux.png
diff --git a/...lf-circle/nice-domain-false/should-render-with-negative-values-chrome-linux.png b/...lf-circle/nice-domain-false/should-render-with-negative-values-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-negative-values-reversed-chrome-linux.png b/.../nice-domain-false/should-render-with-negative-values-reversed-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-positive-negative-values-chrome-linux.png b/.../nice-domain-false/should-render-with-positive-negative-values-chrome-linux.png
diff --git a/...ain-false/should-render-with-positive-negative-values-reversed-chrome-linux.png b/...ain-false/should-render-with-positive-negative-values-reversed-chrome-linux.png
diff --git a/...lf-circle/nice-domain-false/should-render-with-positive-values-chrome-linux.png b/...lf-circle/nice-domain-false/should-render-with-positive-values-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-positive-values-reversed-chrome-linux.png b/.../nice-domain-false/should-render-with-positive-values-reversed-chrome-linux.png
diff --git a/...alf-circle/nice-domain-true/should-render-with-negative-values-chrome-linux.png b/...alf-circle/nice-domain-true/should-render-with-negative-values-chrome-linux.png
diff --git a/...e/nice-domain-true/should-render-with-negative-values-reversed-chrome-linux.png b/...e/nice-domain-true/should-render-with-negative-values-reversed-chrome-linux.png
diff --git a/...e/nice-domain-true/should-render-with-positive-negative-values-chrome-linux.png b/...e/nice-domain-true/should-render-with-positive-negative-values-chrome-linux.png
diff --git a/...main-true/should-render-with-positive-negative-values-reversed-chrome-linux.png b/...main-true/should-render-with-positive-negative-values-reversed-chrome-linux.png
diff --git a/...alf-circle/nice-domain-true/should-render-with-positive-values-chrome-linux.png b/...alf-circle/nice-domain-true/should-render-with-positive-values-chrome-linux.png
diff --git a/...e/nice-domain-true/should-render-with-positive-values-reversed-chrome-linux.png b/...e/nice-domain-true/should-render-with-positive-values-reversed-chrome-linux.png
diff --git a/...stories/subtype-half-circle/should-render-colors-with-config-1-chrome-linux.png b/...stories/subtype-half-circle/should-render-colors-with-config-1-chrome-linux.png
diff --git a/...stories/subtype-half-circle/should-render-colors-with-config-2-chrome-linux.png b/...stories/subtype-half-circle/should-render-colors-with-config-2-chrome-linux.png
diff --git a/...stories/subtype-half-circle/should-render-colors-with-config-4-chrome-linux.png b/...stories/subtype-half-circle/should-render-colors-with-config-4-chrome-linux.png
diff --git a/...subtype-half-circle/should-render-colors-with-discrete-classes-chrome-linux.png b/...subtype-half-circle/should-render-colors-with-discrete-classes-chrome-linux.png
diff --git a/...bullet-stories/subtype-half-circle/should-render-in-dark-theme-chrome-linux.png b/...bullet-stories/subtype-half-circle/should-render-in-dark-theme-chrome-linux.png
diff --git a/...tories/subtype-half-circle/ticks/should-render-with-auto-ticks-chrome-linux.png b/...tories/subtype-half-circle/ticks/should-render-with-auto-ticks-chrome-linux.png
diff --git a/...btype-half-circle/ticks/should-render-with-explicit-tick-count-chrome-linux.png b/...btype-half-circle/ticks/should-render-with-explicit-tick-count-chrome-linux.png
diff --git a/...-half-circle/ticks/should-render-with-explicit-tick-placements-chrome-linux.png b/...-half-circle/ticks/should-render-with-explicit-tick-placements-chrome-linux.png
diff --git a/...orizontal/nice-domain-false/should-render-with-negative-values-chrome-linux.png b/...orizontal/nice-domain-false/should-render-with-negative-values-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-negative-values-reversed-chrome-linux.png b/.../nice-domain-false/should-render-with-negative-values-reversed-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-positive-negative-values-chrome-linux.png b/.../nice-domain-false/should-render-with-positive-negative-values-chrome-linux.png
diff --git a/...ain-false/should-render-with-positive-negative-values-reversed-chrome-linux.png b/...ain-false/should-render-with-positive-negative-values-reversed-chrome-linux.png
diff --git a/...orizontal/nice-domain-false/should-render-with-positive-values-chrome-linux.png b/...orizontal/nice-domain-false/should-render-with-positive-values-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-positive-values-reversed-chrome-linux.png b/.../nice-domain-false/should-render-with-positive-values-reversed-chrome-linux.png
diff --git a/...horizontal/nice-domain-true/should-render-with-negative-values-chrome-linux.png b/...horizontal/nice-domain-true/should-render-with-negative-values-chrome-linux.png
diff --git a/...l/nice-domain-true/should-render-with-negative-values-reversed-chrome-linux.png b/...l/nice-domain-true/should-render-with-negative-values-reversed-chrome-linux.png
diff --git a/...l/nice-domain-true/should-render-with-positive-negative-values-chrome-linux.png b/...l/nice-domain-true/should-render-with-positive-negative-values-chrome-linux.png
diff --git a/...main-true/should-render-with-positive-negative-values-reversed-chrome-linux.png b/...main-true/should-render-with-positive-negative-values-reversed-chrome-linux.png
diff --git a/...horizontal/nice-domain-true/should-render-with-positive-values-chrome-linux.png b/...horizontal/nice-domain-true/should-render-with-positive-values-chrome-linux.png
diff --git a/...l/nice-domain-true/should-render-with-positive-values-reversed-chrome-linux.png b/...l/nice-domain-true/should-render-with-positive-values-reversed-chrome-linux.png
diff --git a/...-stories/subtype-horizontal/should-render-colors-with-config-1-chrome-linux.png b/...-stories/subtype-horizontal/should-render-colors-with-config-1-chrome-linux.png
diff --git a/...-stories/subtype-horizontal/should-render-colors-with-config-2-chrome-linux.png b/...-stories/subtype-horizontal/should-render-colors-with-config-2-chrome-linux.png
diff --git a/...-stories/subtype-horizontal/should-render-colors-with-config-4-chrome-linux.png b/...-stories/subtype-horizontal/should-render-colors-with-config-4-chrome-linux.png
diff --git a/.../subtype-horizontal/should-render-colors-with-discrete-classes-chrome-linux.png b/.../subtype-horizontal/should-render-colors-with-discrete-classes-chrome-linux.png
diff --git a/.../bullet-stories/subtype-horizontal/should-render-in-dark-theme-chrome-linux.png b/.../bullet-stories/subtype-horizontal/should-render-in-dark-theme-chrome-linux.png
diff --git a/...stories/subtype-horizontal/ticks/should-render-with-auto-ticks-chrome-linux.png b/...stories/subtype-horizontal/ticks/should-render-with-auto-ticks-chrome-linux.png
diff --git a/...ubtype-horizontal/ticks/should-render-with-explicit-tick-count-chrome-linux.png b/...ubtype-horizontal/ticks/should-render-with-explicit-tick-count-chrome-linux.png
diff --git a/...e-horizontal/ticks/should-render-with-explicit-tick-placements-chrome-linux.png b/...e-horizontal/ticks/should-render-with-explicit-tick-placements-chrome-linux.png
diff --git a/...ds-circle/nice-domain-false/should-render-with-negative-values-chrome-linux.png b/...ds-circle/nice-domain-false/should-render-with-negative-values-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-negative-values-reversed-chrome-linux.png b/.../nice-domain-false/should-render-with-negative-values-reversed-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-positive-negative-values-chrome-linux.png b/.../nice-domain-false/should-render-with-positive-negative-values-chrome-linux.png
diff --git a/...ain-false/should-render-with-positive-negative-values-reversed-chrome-linux.png b/...ain-false/should-render-with-positive-negative-values-reversed-chrome-linux.png
diff --git a/...ds-circle/nice-domain-false/should-render-with-positive-values-chrome-linux.png b/...ds-circle/nice-domain-false/should-render-with-positive-values-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-positive-values-reversed-chrome-linux.png b/.../nice-domain-false/should-render-with-positive-values-reversed-chrome-linux.png
diff --git a/...rds-circle/nice-domain-true/should-render-with-negative-values-chrome-linux.png b/...rds-circle/nice-domain-true/should-render-with-negative-values-chrome-linux.png
diff --git a/...e/nice-domain-true/should-render-with-negative-values-reversed-chrome-linux.png b/...e/nice-domain-true/should-render-with-negative-values-reversed-chrome-linux.png
diff --git a/...e/nice-domain-true/should-render-with-positive-negative-values-chrome-linux.png b/...e/nice-domain-true/should-render-with-positive-negative-values-chrome-linux.png
diff --git a/...main-true/should-render-with-positive-negative-values-reversed-chrome-linux.png b/...main-true/should-render-with-positive-negative-values-reversed-chrome-linux.png
diff --git a/...rds-circle/nice-domain-true/should-render-with-positive-values-chrome-linux.png b/...rds-circle/nice-domain-true/should-render-with-positive-values-chrome-linux.png
diff --git a/...e/nice-domain-true/should-render-with-positive-values-reversed-chrome-linux.png b/...e/nice-domain-true/should-render-with-positive-values-reversed-chrome-linux.png
diff --git a/...s/subtype-two-thirds-circle/should-render-colors-with-config-1-chrome-linux.png b/...s/subtype-two-thirds-circle/should-render-colors-with-config-1-chrome-linux.png
diff --git a/...s/subtype-two-thirds-circle/should-render-colors-with-config-2-chrome-linux.png b/...s/subtype-two-thirds-circle/should-render-colors-with-config-2-chrome-linux.png
diff --git a/...s/subtype-two-thirds-circle/should-render-colors-with-config-3-chrome-linux.png b/...s/subtype-two-thirds-circle/should-render-colors-with-config-3-chrome-linux.png
diff --git a/...s/subtype-two-thirds-circle/should-render-colors-with-config-4-chrome-linux.png b/...s/subtype-two-thirds-circle/should-render-colors-with-config-4-chrome-linux.png
diff --git a/...e-two-thirds-circle/should-render-colors-with-discrete-classes-chrome-linux.png b/...e-two-thirds-circle/should-render-colors-with-discrete-classes-chrome-linux.png
diff --git a/...-stories/subtype-two-thirds-circle/should-render-in-dark-theme-chrome-linux.png b/...-stories/subtype-two-thirds-circle/should-render-in-dark-theme-chrome-linux.png
diff --git a/.../subtype-two-thirds-circle/ticks/should-render-with-auto-ticks-chrome-linux.png b/.../subtype-two-thirds-circle/ticks/should-render-with-auto-ticks-chrome-linux.png
diff --git a/...two-thirds-circle/ticks/should-render-with-explicit-tick-count-chrome-linux.png b/...two-thirds-circle/ticks/should-render-with-explicit-tick-count-chrome-linux.png
diff --git a/...hirds-circle/ticks/should-render-with-explicit-tick-placements-chrome-linux.png b/...hirds-circle/ticks/should-render-with-explicit-tick-placements-chrome-linux.png
diff --git a/...-vertical/nice-domain-false/should-render-with-negative-values-chrome-linux.png b/...-vertical/nice-domain-false/should-render-with-negative-values-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-negative-values-reversed-chrome-linux.png b/.../nice-domain-false/should-render-with-negative-values-reversed-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-positive-negative-values-chrome-linux.png b/.../nice-domain-false/should-render-with-positive-negative-values-chrome-linux.png
diff --git a/...ain-false/should-render-with-positive-negative-values-reversed-chrome-linux.png b/...ain-false/should-render-with-positive-negative-values-reversed-chrome-linux.png
diff --git a/...-vertical/nice-domain-false/should-render-with-positive-values-chrome-linux.png b/...-vertical/nice-domain-false/should-render-with-positive-values-chrome-linux.png
diff --git a/.../nice-domain-false/should-render-with-positive-values-reversed-chrome-linux.png b/.../nice-domain-false/should-render-with-positive-values-reversed-chrome-linux.png
diff --git a/...e-vertical/nice-domain-true/should-render-with-negative-values-chrome-linux.png b/...e-vertical/nice-domain-true/should-render-with-negative-values-chrome-linux.png
diff --git a/...l/nice-domain-true/should-render-with-negative-values-reversed-chrome-linux.png b/...l/nice-domain-true/should-render-with-negative-values-reversed-chrome-linux.png
diff --git a/...l/nice-domain-true/should-render-with-positive-negative-values-chrome-linux.png b/...l/nice-domain-true/should-render-with-positive-negative-values-chrome-linux.png
diff --git a/...main-true/should-render-with-positive-negative-values-reversed-chrome-linux.png b/...main-true/should-render-with-positive-negative-values-reversed-chrome-linux.png
diff --git a/...e-vertical/nice-domain-true/should-render-with-positive-values-chrome-linux.png b/...e-vertical/nice-domain-true/should-render-with-positive-values-chrome-linux.png
diff --git a/...l/nice-domain-true/should-render-with-positive-values-reversed-chrome-linux.png b/...l/nice-domain-true/should-render-with-positive-values-reversed-chrome-linux.png
diff --git a/...et-stories/subtype-vertical/should-render-colors-with-config-1-chrome-linux.png b/...et-stories/subtype-vertical/should-render-colors-with-config-1-chrome-linux.png
diff --git a/...et-stories/subtype-vertical/should-render-colors-with-config-2-chrome-linux.png b/...et-stories/subtype-vertical/should-render-colors-with-config-2-chrome-linux.png
diff --git a/...et-stories/subtype-vertical/should-render-colors-with-config-4-chrome-linux.png b/...et-stories/subtype-vertical/should-render-colors-with-config-4-chrome-linux.png
diff --git a/...es/subtype-vertical/should-render-colors-with-discrete-classes-chrome-linux.png b/...es/subtype-vertical/should-render-colors-with-discrete-classes-chrome-linux.png
diff --git a/...ts/bullet-stories/subtype-vertical/should-render-in-dark-theme-chrome-linux.png b/...ts/bullet-stories/subtype-vertical/should-render-in-dark-theme-chrome-linux.png
diff --git a/...t-stories/subtype-vertical/ticks/should-render-with-auto-ticks-chrome-linux.png b/...t-stories/subtype-vertical/ticks/should-render-with-auto-ticks-chrome-linux.png
diff --git a/.../subtype-vertical/ticks/should-render-with-explicit-tick-count-chrome-linux.png b/.../subtype-vertical/ticks/should-render-with-explicit-tick-count-chrome-linux.png
diff --git a/...ype-vertical/ticks/should-render-with-explicit-tick-placements-chrome-linux.png b/...ype-vertical/ticks/should-render-with-explicit-tick-placements-chrome-linux.png
diff --git a/e2e/tests/bullet_stories.test.ts b/e2e/tests/bullet_stories.test.ts
@@ -11,7 +11,7 @@ import { test } from '@playwright/test';
 import { pwEach } from '../helpers';
 import { common } from '../page_objects/common';
 
-export const BulletGraphSubtype = ['vertical', 'horizontal', 'circle', 'half-circle', 'two-thirds-circle'];
+export const BulletSubtype = ['vertical', 'horizontal', 'circle', 'half-circle', 'two-thirds-circle'];
 const testCases: [string, { start: number; end: number; value: number; target: number }][] = [
   ['positive values', { start: 4, end: 167, value: 50, target: 100 }],
   ['positive values - reversed', { start: 167, end: 4, value: 50, target: 100 }],
@@ -44,7 +44,7 @@ test.describe('Bullet stories', () => {
     await common.expectChartAtUrlToMatchScreenshot(page)('http://localhost:9001/?path=/story/bullet-graph--grid');
   });
 
-  pwEach.describe(BulletGraphSubtype)(
+  pwEach.describe(BulletSubtype)(
     (subtype) => `subtype - ${subtype}`,
     (subtype) => {
       test('should render in dark theme', async ({ page }) => {

diff --git a/packages/charts/api/charts.api.md b/packages/charts/api/charts.api.md
@@ -445,6 +445,11 @@ export interface BubbleSeriesStyle {
     point: PointStyle;
 }
 
+// Warning: (ae-forgotten-export) The symbol "buildProps" needs to be exported by the entry point index.d.ts
+//
+// @alpha
+export const Bullet: (props: SFProps<BulletSpec, keyof (typeof buildProps)['overrides'], keyof (typeof buildProps)['defaults'], keyof (typeof buildProps)['optionals'], keyof (typeof buildProps)['requires']>) => null;
+
 // @public
 export type BulletColorConfig = Color[] | ColorBandSimpleConfig | ColorBandComplexConfig;
 
@@ -473,31 +478,31 @@ export interface BulletDatum {
     valueFormatter: ValueFormatter;
 }
 
-// Warning: (ae-forgotten-export) The symbol "buildProps" needs to be exported by the entry point index.d.ts
+// Warning: (ae-incompatible-release-tags) The symbol "BulletProps" is marked as @public, but its signature references "Bullet" which is marked as @alpha
 //
-// @alpha
-export const BulletGraph: (props: SFProps<BulletGraphSpec, keyof (typeof buildProps)['overrides'], keyof (typeof buildProps)['defaults'], keyof (typeof buildProps)['optionals'], keyof (typeof buildProps)['requires']>) => null;
+// @public (undocumented)
+export type BulletProps = ComponentProps<typeof Bullet>;
 
 // @alpha (undocumented)
-export interface BulletGraphSpec extends Spec {
+export interface BulletSpec extends Spec {
     // (undocumented)
-    chartType: typeof ChartType.BulletGraph;
+    chartType: typeof ChartType.Bullet;
     // (undocumented)
     colorBands?: BulletColorConfig;
     // (undocumented)
     data: (BulletDatum | undefined)[][];
     // (undocumented)
     specType: typeof SpecType.Series;
     // (undocumented)
-    subtype: BulletGraphSubtype;
+    subtype: BulletSubtype;
     // (undocumented)
     tickSnapStep?: number;
     // (undocumented)
     valueLabels?: Optional<BulletValueLabels>;
 }
 
 // @public (undocumented)
-export interface BulletGraphStyle {
+export interface BulletStyle {
     // (undocumented)
     angularTickLabelPadding: Pixels;
     // (undocumented)
@@ -516,7 +521,7 @@ export interface BulletGraphStyle {
 }
 
 // @public (undocumented)
-export const BulletGraphSubtype: Readonly<{
+export const BulletSubtype: Readonly<{
     vertical: "vertical";
     horizontal: "horizontal";
     circle: "circle";
@@ -525,7 +530,7 @@ export const BulletGraphSubtype: Readonly<{
 }>;
 
 // @public (undocumented)
-export type BulletGraphSubtype = $Values<typeof BulletGraphSubtype>;
+export type BulletSubtype = $Values<typeof BulletSubtype>;
 
 // @public (undocumented)
 export interface BulletValueLabels {
@@ -665,7 +670,7 @@ export const ChartType: Readonly<{
     Heatmap: "heatmap";
     Wordcloud: "wordcloud";
     Metric: "metric";
-    BulletGraph: "bullet_graph";
+    Bullet: "bullet";
 }>;
 
 // @public (undocumented)
@@ -2934,7 +2939,7 @@ export interface Theme {
     background: BackgroundStyle;
     barSeriesStyle: BarSeriesStyle;
     bubbleSeriesStyle: BubbleSeriesStyle;
-    bulletGraph: BulletGraphStyle;
+    bulletGraph: BulletStyle;
     chartMargins: Margins;
     chartPaddings: Margins;
     // (undocumented)

diff --git a/packages/charts/src/chart_types/bullet_graph/chart_state.tsx b/packages/charts/src/chart_types/bullet_graph/chart_state.tsx
@@ -8,7 +8,7 @@
 
 import React, { RefObject } from 'react';
 
-import { BulletGraphRenderer } from './renderer/canvas';
+import { BulletRenderer } from './renderer/canvas';
 import { canDisplayChartTitles } from './selectors/can_display_chart_titles';
 import { getTooltipAnchor } from './selectors/get_tooltip_anchor';
 import { getTooltipInfo } from './selectors/get_tooltip_info';
@@ -26,12 +26,12 @@ const EMPTY_LEGEND_LIST: LegendItem[] = [];
 const EMPTY_LEGEND_ITEM_LIST: LegendItemLabel[] = [];
 
 /** @internal */
-export class BulletGraphState implements InternalChartState {
-  chartType = ChartType.BulletGraph;
+export class BulletState implements InternalChartState {
+  chartType = ChartType.Bullet;
   getChartTypeDescription = () => 'Bullet Graph';
   chartRenderer = (containerRef: BackwardRef, forwardStageRef: RefObject<HTMLCanvasElement>) => (
     <>
-      <BulletGraphRenderer forwardStageRef={forwardStageRef} />
+      <BulletRenderer forwardStageRef={forwardStageRef} />
       <Tooltip getChartContainerRef={containerRef} />
     </>
   );

diff --git a/...let_graph/renderer/canvas/bullet_graph.ts → ...es/bullet_graph/renderer/canvas/bullet.ts b/...let_graph/renderer/canvas/bullet_graph.ts → ...es/bullet_graph/renderer/canvas/bullet.ts
@@ -15,9 +15,9 @@ import { A11ySettings } from '../../../../state/selectors/get_accessibility_conf
 import { renderDebugPoint, renderDebugRect } from '../../../xy_chart/renderer/canvas/utils/debug';
 import { ActiveValue } from '../../selectors/get_active_values';
 import { BulletDimensions } from '../../selectors/get_panel_dimensions';
-import { BulletGraphSpec, BulletGraphSubtype } from '../../spec';
+import { BulletSpec, BulletSubtype } from '../../spec';
 import {
-  BulletGraphStyle,
+  BulletStyle,
   FONT_PADDING,
   HEADER_PADDING,
   SUBTITLE_FONT,
@@ -34,16 +34,16 @@ import {
 } from '../../theme';
 
 /** @internal */
-export function renderBulletGraph(
+export function renderBullet(
   ctx: CanvasRenderingContext2D,
   dpr: Ratio,
   props: {
     debug: boolean;
-    spec?: BulletGraphSpec;
+    spec?: BulletSpec;
     a11y: A11ySettings;
     dimensions: BulletDimensions;
     activeValues: (ActiveValue | null)[][];
-    style: BulletGraphStyle;
+    style: BulletStyle;
     backgroundColor: Color;
   },
 ) {
@@ -154,7 +154,7 @@ export function renderBulletGraph(
 
           const { graphArea } = bulletGraph;
 
-          if (spec.subtype !== BulletGraphSubtype.horizontal) {
+          if (spec.subtype !== BulletSubtype.horizontal) {
             ctx.strokeStyle = style.border;
             ctx.beginPath();
             ctx.moveTo(HEADER_PADDING.left, graphArea.origin.y);
@@ -165,9 +165,9 @@ export function renderBulletGraph(
           withContext(ctx, (ctx) => {
             ctx.translate(graphArea.origin.x, graphArea.origin.y);
 
-            if (spec.subtype === BulletGraphSubtype.horizontal) {
+            if (spec.subtype === BulletSubtype.horizontal) {
               horizontalBullet(ctx, bulletGraph, style, backgroundColor, activeValue);
-            } else if (spec.subtype === BulletGraphSubtype.vertical) {
+            } else if (spec.subtype === BulletSubtype.vertical) {
               verticalBullet(ctx, bulletGraph, style, backgroundColor, activeValue);
             } else {
               angularBullet(ctx, bulletGraph, style, backgroundColor, spec, debug, activeValue);

diff --git a/packages/charts/src/chart_types/bullet_graph/renderer/canvas/index.tsx b/packages/charts/src/chart_types/bullet_graph/renderer/canvas/index.tsx
@@ -6,15 +6,11 @@
  * Side Public License, v 1.
  */
 
-/* eslint-disable-next-line eslint-comments/disable-enable-pair */
-/* eslint-disable react/no-array-index-key */
-
-import chroma from 'chroma-js';
 import React, { RefObject } from 'react';
 import { connect } from 'react-redux';
 import { bindActionCreators, Dispatch } from 'redux';
 
-import { renderBulletGraph } from './bullet_graph';
+import { renderBullet } from './bullet';
 import { ColorContrastOptions } from '../../../../common/color_calcs';
 import { colorToRgba } from '../../../../common/color_library_wrappers';
 import { Color, Colors } from '../../../../common/colors';
@@ -42,21 +38,21 @@ import { getBulletSpec } from '../../selectors/get_bullet_spec';
 import { getChartSize } from '../../selectors/get_chart_size';
 import { BulletDimensions, getPanelDimensions } from '../../selectors/get_panel_dimensions';
 import { hasChartTitles } from '../../selectors/has_chart_titles';
-import { BulletDatum, BulletGraphSpec, BulletGraphSubtype, mergeValueLabels } from '../../spec';
-import { BulletGraphStyle, LIGHT_THEME_BULLET_STYLE } from '../../theme';
+import { BulletDatum, BulletSpec, BulletSubtype, mergeValueLabels } from '../../spec';
+import { BulletStyle, LIGHT_THEME_BULLET_STYLE } from '../../theme';
 import { BulletColorConfig } from '../../utils/color';
 
 interface StateProps {
   initialized: boolean;
   debug: boolean;
   chartId: string;
   hasTitles: boolean;
-  spec?: BulletGraphSpec;
+  spec?: BulletSpec;
   a11y: A11ySettings;
   size: Size;
   dimensions: BulletDimensions;
   activeValues: (ActiveValue | null)[][];
-  style: BulletGraphStyle;
+  style: BulletStyle;
   backgroundColor: Color;
   locale: string;
   pointerPosition?: Point;
@@ -76,7 +72,7 @@ interface OwnProps {
 type Props = DispatchProps & StateProps & OwnProps;
 
 class Component extends React.Component<Props> {
-  static displayName = 'BulletGraph';
+  static displayName = 'Bullet';
   private ctx: CanvasRenderingContext2D | null;
   private readonly devicePixelRatio: number;
 
@@ -115,7 +111,7 @@ class Component extends React.Component<Props> {
 
   private drawCanvas() {
     if (this.ctx) {
-      renderBulletGraph(this.ctx, this.devicePixelRatio, this.props);
+      renderBullet(this.ctx, this.devicePixelRatio, this.props);
     }
   }
 
@@ -162,18 +158,16 @@ class Component extends React.Component<Props> {
             <AlignedGrid<BulletDatum>
               data={spec.data}
               contentComponent={({ datum, stats }) => {
-                const colorScale = chroma
-                  // TODO use colorBands in metric implementation
-                  // @ts-ignore - TODO fix when not an array
-                  .scale(Array.isArray(this.props.colorBands) ? this.props.colorBands : this.props.style.colorBands)
-                  .domain(datum.domain);
+                const colorScale =
+                  this.props.dimensions.rows[stats.rowIndex]?.[stats.columnIndex]?.colorScale ??
+                  (() => ({ hex: () => this.props.style.fallbackBandColor })); // should never happen
                 const bulletDatum: BulletMetricWProgress = {
                   value: datum.value,
                   target: datum.target,
                   valueFormatter: datum.valueFormatter,
                   targetFormatter: datum.targetFormatter,
                   color: style.barBackground,
-                  progressBarDirection: spec.subtype === BulletGraphSubtype.vertical ? 'vertical' : 'horizontal',
+                  progressBarDirection: spec.subtype === BulletSubtype.vertical ? 'vertical' : 'horizontal',
                   title: datum.title,
                   subtitle: datum.subtitle,
                   domain: datum.domain,
@@ -287,4 +281,4 @@ const mapStateToProps = (state: GlobalChartState): StateProps => {
 };
 
 /** @internal */
-export const BulletGraphRenderer = connect(mapStateToProps, mapDispatchToProps)(Component);
+export const BulletRenderer = connect(mapStateToProps, mapDispatchToProps)(Component);
diff --git a/packages/charts/src/chart_types/bullet_graph/renderer/canvas/sub_types/angular.ts b/packages/charts/src/chart_types/bullet_graph/renderer/canvas/sub_types/angular.ts
@@ -15,18 +15,18 @@ import { drawPolarLine } from '../../../../xy_chart/renderer/canvas/lines';
 import { renderDebugPoint } from '../../../../xy_chart/renderer/canvas/utils/debug';
 import { ActiveValue } from '../../../selectors/get_active_values';
 import { BulletPanelDimensions } from '../../../selectors/get_panel_dimensions';
-import { BulletGraphSpec } from '../../../spec';
-import { BulletGraphStyle, GRAPH_PADDING, TICK_FONT, TICK_FONT_SIZE } from '../../../theme';
+import { BulletSpec } from '../../../spec';
+import { BulletStyle, GRAPH_PADDING, TICK_FONT, TICK_FONT_SIZE } from '../../../theme';
 import { getAngledChartSizing } from '../../../utils/angular';
 import { TARGET_SIZE, BULLET_SIZE, TICK_WIDTH, BAR_SIZE, TARGET_STROKE_WIDTH } from '../constants';
 
 /** @internal */
 export function angularBullet(
   ctx: CanvasRenderingContext2D,
   dimensions: BulletPanelDimensions,
-  style: BulletGraphStyle,
+  style: BulletStyle,
   backgroundColor: Color,
-  spec: BulletGraphSpec,
+  spec: BulletSpec,
   debug: boolean,
   activeValue?: ActiveValue | null,
 ) {

diff --git a/packages/charts/src/chart_types/bullet_graph/renderer/canvas/sub_types/horizontal.ts b/packages/charts/src/chart_types/bullet_graph/renderer/canvas/sub_types/horizontal.ts
@@ -13,14 +13,14 @@ import { clamp, isBetween, isFiniteNumber, sortNumbers } from '../../../../../ut
 import { ContinuousDomain, GenericDomain } from '../../../../../utils/domain';
 import { ActiveValue } from '../../../selectors/get_active_values';
 import { BulletPanelDimensions } from '../../../selectors/get_panel_dimensions';
-import { BulletGraphStyle, GRAPH_PADDING, TICK_FONT, TICK_FONT_SIZE } from '../../../theme';
+import { BulletStyle, GRAPH_PADDING, TICK_FONT, TICK_FONT_SIZE } from '../../../theme';
 import { TARGET_SIZE, BULLET_SIZE, TICK_WIDTH, BAR_SIZE, TARGET_STROKE_WIDTH } from '../constants';
 
 /** @internal */
 export function horizontalBullet(
   ctx: CanvasRenderingContext2D,
   dimensions: BulletPanelDimensions,
-  style: BulletGraphStyle,
+  style: BulletStyle,
   backgroundColor: Color,
   activeValue?: ActiveValue | null,
 ) {

diff --git a/packages/charts/src/chart_types/bullet_graph/renderer/canvas/sub_types/vertical.ts b/packages/charts/src/chart_types/bullet_graph/renderer/canvas/sub_types/vertical.ts
@@ -12,14 +12,14 @@ import { clamp, isBetween, isFiniteNumber, sortNumbers } from '../../../../../ut
 import { ContinuousDomain, GenericDomain } from '../../../../../utils/domain';
 import { ActiveValue } from '../../../selectors/get_active_values';
 import { BulletPanelDimensions } from '../../../selectors/get_panel_dimensions';
-import { BulletGraphStyle, GRAPH_PADDING, TICK_FONT, TICK_FONT_SIZE } from '../../../theme';
+import { BulletStyle, GRAPH_PADDING, TICK_FONT, TICK_FONT_SIZE } from '../../../theme';
 import { TARGET_SIZE, BULLET_SIZE, TICK_WIDTH, BAR_SIZE, TARGET_STROKE_WIDTH } from '../constants';
 
 /** @internal */
 export function verticalBullet(
   ctx: CanvasRenderingContext2D,
   dimensions: BulletPanelDimensions,
-  style: BulletGraphStyle,
+  style: BulletStyle,
   backgroundColor: Color,
   activeValue?: ActiveValue | null,
 ) {

diff --git a/packages/charts/src/chart_types/bullet_graph/selectors/get_active_value.ts b/packages/charts/src/chart_types/bullet_graph/selectors/get_active_value.ts
@@ -16,7 +16,7 @@ import { isBetween, isFiniteNumber, roundTo, sortNumbers } from '../../../utils/
 import { ContinuousDomain, Range } from '../../../utils/domain';
 import { Point } from '../../../utils/point';
 import { BULLET_SIZE, HOVER_SLOP, TARGET_SIZE } from '../renderer/canvas/constants';
-import { BulletGraphSpec, BulletGraphSubtype } from '../spec';
+import { BulletSpec, BulletSubtype } from '../spec';
 import { GRAPH_PADDING } from '../theme';
 import { getAngledChartSizing } from '../utils/angular';
 
@@ -65,16 +65,16 @@ export const getActiveValue = createCustomCachedSelector(
 function getPanelValue(
   panel: BulletPanelDimensions,
   pointer: Point,
-  spec: BulletGraphSpec,
+  spec: BulletSpec,
 ): Pick<ActiveValueDetails, 'value' | 'snapValue' | 'color' | 'pixelValue'> | undefined {
   const { graphArea, scale } = panel;
   const [min, max] = sortNumbers(scale.domain()) as ContinuousDomain;
   const isWithinDomain = isBetween(min, max);
 
   switch (spec.subtype) {
-    case BulletGraphSubtype.circle:
-    case BulletGraphSubtype.halfCircle:
-    case BulletGraphSubtype.twoThirdsCircle: {
+    case BulletSubtype.circle:
+    case BulletSubtype.halfCircle:
+    case BulletSubtype.twoThirdsCircle: {
       const { radius } = getAngledChartSizing(graphArea.size, spec.subtype);
       const center = {
         x: graphArea.center.x,
@@ -111,7 +111,7 @@ function getPanelValue(
       break;
     }
 
-    case BulletGraphSubtype.horizontal: {
+    case BulletSubtype.horizontal: {
       const yCenterOffset = Math.abs(pointer.y - graphArea.origin.y - TARGET_SIZE / 2);
 
       if (yCenterOffset > TARGET_SIZE / 2 + HOVER_SLOP) return;
@@ -136,7 +136,7 @@ function getPanelValue(
       break;
     }
 
-    case BulletGraphSubtype.vertical: {
+    case BulletSubtype.vertical: {
       const xCenterOffset = Math.abs(pointer.x - graphArea.center.x - GRAPH_PADDING.left);
 
       if (xCenterOffset > TARGET_SIZE / 2 + HOVER_SLOP) return;

diff --git a/packages/charts/src/chart_types/bullet_graph/selectors/get_bullet_spec.ts b/packages/charts/src/chart_types/bullet_graph/selectors/get_bullet_spec.ts
@@ -7,13 +7,13 @@
  */
 
 import { ChartType } from '../../../chart_types';
-import { BulletGraphSpec } from '../../../chart_types/bullet_graph/spec';
+import { BulletSpec } from '../../../chart_types/bullet_graph/spec';
 import { SpecType } from '../../../specs';
 import { GlobalChartState } from '../../../state/chart_state';
 import { getSpecFromStore } from '../../../state/utils';
 
 /** @internal */
 
-export function getBulletSpec(state: GlobalChartState): BulletGraphSpec {
-  return getSpecFromStore<BulletGraphSpec, true>(state.specs, ChartType.BulletGraph, SpecType.Series, true);
+export function getBulletSpec(state: GlobalChartState): BulletSpec {
+  return getSpecFromStore<BulletSpec, true>(state.specs, ChartType.Bullet, SpecType.Series, true);
 }