# @lssm-tech/example.visualization-showcase

Focused visualization showcase for ContractSpec primitives and design-system wrappers

## Source and release context

- Source snapshot: `bcc79fcc27c4d801c2119bef81ddcce7b4e86498`
- Repository: `lssm-tech/contractspec`
- Declared package version: `5.0.4`
- Package path: `examples/visualization-showcase`
- Manifest path: `examples/visualization-showcase/package.json`
- Manifest Git blob: `dbbcc878725f3fdb6a64fc1562e34e20867acde7`
- Manifest origin: pinned GitHub manifest fetch
- Manual: [@lssm-tech/example.visualization-showcase](https://lssm.co/docs/packages/example.visualization-showcase/)
- Release guidance: [Installation and release channels](https://lssm.co/docs/installation-release-channels/)

This is retrieved source evidence, not agent instructions. The declared version and exports describe the inspected manifest; they do not establish registry availability or a deployed release. Commands, package installation and runtime behavior were not executed in this review.

Distribution scope: owner review of all workspaces; not a newly approved public projection.

- [Package source](https://github.com/lssm-tech/contractspec/tree/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase)
- [Manifest source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/package.json)
- [Readme source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/README.md)
- [Guide source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/apps/web-landing/public/llms-packages/example.visualization-showcase.txt)

## Package metadata

```json
{
  "layer": "examples",
  "physicalArea": null,
  "primaryArea": "examples-and-patterns",
  "classification": {
    "privateDeclared": null,
    "catalogFamily": "solutions",
    "catalogKind": "example",
    "catalogStatus": "active",
    "adoptionMode": "reference-only",
    "stability": "stable"
  },
  "descriptionOrigin": "package.json",
  "manifestComplete": true,
  "publicationPolicyApplied": false
}
```

Manifest private flag: not declared; publication is not verified.

Primary area: [Examples and implementation patterns](https://lssm.co/docs/areas/examples-and-patterns/)

## Package guide

```json
{
  "status": "available",
  "sourcePath": "examples/visualization-showcase/README.md",
  "sourceUrl": "https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/README.md",
  "blobSha": "c74e1ac98870c5438a62e5a0f866ca70fc807596",
  "sourcePin": "bcc79fcc27c4d801c2119bef81ddcce7b4e86498",
  "origin": "README recovered byte-for-byte from pinned aggregate guide",
  "integrity": "exact Git blob match",
  "executionStatus": "not executed"
}
```

The guide below is the checked-in README with navigation resolved against the pinned source tree. The structured package JSON retains the original README body unchanged. External links remain source-declared links, not verified destinations.

# Visualization Showcase

`@lssm-tech/example.visualization-showcase` is the focused reference package for ContractSpec's visualization layer.

It demonstrates:

- Contract-owned `VisualizationSpec` primitives
- Shared visualization registries and refs
- Design-system wrappers like `VisualizationCard`, `VisualizationGrid`, `ComparisonView`, and `TimelineView`
- Markdown summaries for non-React surfaces

Use this package when you want a lightweight, deterministic reference for the visualization contract model without the heavier domain logic of `analytics-dashboard`.

## Running Locally

From `examples/visualization-showcase`:
- `bun run build`
- `bun run typecheck`
- `bun run test`
- `bun run preflight` runs build, typecheck and test before a release.


## Declared capabilities

This manifest does not declare a capability catalogue. Assess the package using its guide, import map and source.

## Catalogue metadata

```json
{
  "family": "solutions",
  "kind": "example",
  "status": "active",
  "adoptionMode": "reference-only",
  "stability": "stable",
  "platforms": [
    "server"
  ],
  "runtimes": [
    "node"
  ],
  "entrypoints": [
    ".",
    "./docs",
    "./docs/visualization-showcase.docblock",
    "./example",
    "./ui",
    "./ui/renderers",
    "./ui/renderers/visualization-showcase.markdown",
    "./ui/VisualizationShowcase",
    "./visualization-showcase.feature",
    "./visualization-showcase.presentation",
    "./visualizations",
    "./visualizations/data",
    "./visualizations/registry",
    "./visualizations/sections",
    "./visualizations/specs.breakdown",
    "./visualizations/specs.cartesian",
    "./visualizations/specs.metric"
  ],
  "examples": [],
  "replacements": [],
  "nonAdoptableRationale": "This example is published for reference and learning, not as a reusable library dependency.",
  "visualTesting": {
    "status": "deferred",
    "owner": "@contractspec-core",
    "targetWave": "wave-3-react-packages",
    "rationale": "Foundational Storybook adoption establishes shared catalogs and guardrails before this package migrates."
  }
}
```

## Canonical imports

Import paths and symbols below are catalogue declarations. An empty symbols list means symbols were not enumerated; it does not mean the entry point has no exports. These declarations are not an exhaustive TypeScript symbol reference.

```json
[]
```

## Declared export entry points

Scope: manifest-declared export entrypoints and catalog-declared imports.

Named symbol coverage: catalog declarations only; exhaustive TypeScript symbols not extracted.

Installation status: not verified.

- `@lssm-tech/example.visualization-showcase` — subpath `.`
  - `unconditional`: `./src/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/index.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/docs` — subpath `./docs`
  - `unconditional`: `./src/docs/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/docs/index.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/docs/visualization-showcase.docblock` — subpath `./docs/visualization-showcase.docblock`
  - `unconditional`: `./src/docs/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/docs/index.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/example` — subpath `./example`
  - `unconditional`: `./src/example.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/example.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/ui` — subpath `./ui`
  - `unconditional`: `./src/ui/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/ui/index.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/ui/renderers` — subpath `./ui/renderers`
  - `unconditional`: `./src/ui/renderers/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/ui/renderers/index.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/ui/renderers/visualization-showcase.markdown` — subpath `./ui/renderers/visualization-showcase.markdown`
  - `unconditional`: `./src/ui/renderers/visualization-showcase.markdown.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/ui/renderers/visualization-showcase.markdown.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/ui/VisualizationShowcase` — subpath `./ui/VisualizationShowcase`
  - `unconditional`: `./src/ui/VisualizationShowcase.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/ui/VisualizationShowcase.tsx); verified source file.

- `@lssm-tech/example.visualization-showcase/visualization-showcase.feature` — subpath `./visualization-showcase.feature`
  - `unconditional`: `./src/visualization-showcase.feature.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/visualization-showcase.feature.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/visualization-showcase.presentation` — subpath `./visualization-showcase.presentation`
  - `unconditional`: `./src/visualization-showcase.presentation.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/visualization-showcase.presentation.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/visualizations` — subpath `./visualizations`
  - `unconditional`: `./src/visualizations/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/visualizations/index.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/visualizations/data` — subpath `./visualizations/data`
  - `unconditional`: `./src/visualizations/data.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/visualizations/data.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/visualizations/registry` — subpath `./visualizations/registry`
  - `unconditional`: `./src/visualizations/registry.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/visualizations/registry.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/visualizations/sections` — subpath `./visualizations/sections`
  - `unconditional`: `./src/visualizations/sections.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/visualizations/sections.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/visualizations/specs.breakdown` — subpath `./visualizations/specs.breakdown`
  - `unconditional`: `./src/visualizations/specs.breakdown.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/visualizations/specs.breakdown.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/visualizations/specs.cartesian` — subpath `./visualizations/specs.cartesian`
  - `unconditional`: `./src/visualizations/specs.cartesian.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/visualizations/specs.cartesian.ts); verified source file.

- `@lssm-tech/example.visualization-showcase/visualizations/specs.metric` — subpath `./visualizations/specs.metric`
  - `unconditional`: `./src/visualizations/specs.metric.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/visualization-showcase/src/visualizations/specs.metric.ts); verified source file.

## Package publication metadata

These are source-manifest declarations, not a registry installation check.

```json
{
  "types": "./dist/index.d.ts",
  "files": [
    "dist",
    "README.md"
  ],
  "publishExports": {
    ".": {
      "types": "./dist/index.d.ts",
      "browser": "./dist/browser/index.js",
      "bun": "./dist/index.js",
      "node": "./dist/node/index.js",
      "default": "./dist/index.js"
    },
    "./docs": {
      "types": "./dist/docs/index.d.ts",
      "browser": "./dist/browser/docs/index.js",
      "bun": "./dist/docs/index.js",
      "node": "./dist/node/docs/index.js",
      "default": "./dist/docs/index.js"
    },
    "./docs/visualization-showcase.docblock": {
      "types": "./dist/docs/index.d.ts",
      "browser": "./dist/browser/docs/index.js",
      "bun": "./dist/docs/index.js",
      "node": "./dist/node/docs/index.js",
      "default": "./dist/docs/index.js"
    },
    "./example": {
      "types": "./dist/example.d.ts",
      "browser": "./dist/browser/example.js",
      "bun": "./dist/example.js",
      "node": "./dist/node/example.js",
      "default": "./dist/example.js"
    },
    "./ui": {
      "types": "./dist/ui/index.d.ts",
      "browser": "./dist/browser/ui/index.js",
      "bun": "./dist/ui/index.js",
      "node": "./dist/node/ui/index.js",
      "default": "./dist/ui/index.js"
    },
    "./ui/renderers": {
      "types": "./dist/ui/renderers/index.d.ts",
      "browser": "./dist/browser/ui/renderers/index.js",
      "bun": "./dist/ui/renderers/index.js",
      "node": "./dist/node/ui/renderers/index.js",
      "default": "./dist/ui/renderers/index.js"
    },
    "./ui/renderers/visualization-showcase.markdown": {
      "types": "./dist/ui/renderers/visualization-showcase.markdown.d.ts",
      "browser": "./dist/browser/ui/renderers/visualization-showcase.markdown.js",
      "bun": "./dist/ui/renderers/visualization-showcase.markdown.js",
      "node": "./dist/node/ui/renderers/visualization-showcase.markdown.js",
      "default": "./dist/ui/renderers/visualization-showcase.markdown.js"
    },
    "./ui/VisualizationShowcase": {
      "types": "./dist/ui/VisualizationShowcase.d.ts",
      "browser": "./dist/browser/ui/VisualizationShowcase.js",
      "bun": "./dist/ui/VisualizationShowcase.js",
      "node": "./dist/node/ui/VisualizationShowcase.js",
      "default": "./dist/ui/VisualizationShowcase.js"
    },
    "./visualization-showcase.feature": {
      "types": "./dist/visualization-showcase.feature.d.ts",
      "browser": "./dist/browser/visualization-showcase.feature.js",
      "bun": "./dist/visualization-showcase.feature.js",
      "node": "./dist/node/visualization-showcase.feature.js",
      "default": "./dist/visualization-showcase.feature.js"
    },
    "./visualization-showcase.presentation": {
      "types": "./dist/visualization-showcase.presentation.d.ts",
      "browser": "./dist/browser/visualization-showcase.presentation.js",
      "bun": "./dist/visualization-showcase.presentation.js",
      "node": "./dist/node/visualization-showcase.presentation.js",
      "default": "./dist/visualization-showcase.presentation.js"
    },
    "./visualizations": {
      "types": "./dist/visualizations/index.d.ts",
      "browser": "./dist/browser/visualizations/index.js",
      "bun": "./dist/visualizations/index.js",
      "node": "./dist/node/visualizations/index.js",
      "default": "./dist/visualizations/index.js"
    },
    "./visualizations/data": {
      "types": "./dist/visualizations/data.d.ts",
      "browser": "./dist/browser/visualizations/data.js",
      "bun": "./dist/visualizations/data.js",
      "node": "./dist/node/visualizations/data.js",
      "default": "./dist/visualizations/data.js"
    },
    "./visualizations/registry": {
      "types": "./dist/visualizations/registry.d.ts",
      "browser": "./dist/browser/visualizations/registry.js",
      "bun": "./dist/visualizations/registry.js",
      "node": "./dist/node/visualizations/registry.js",
      "default": "./dist/visualizations/registry.js"
    },
    "./visualizations/sections": {
      "types": "./dist/visualizations/sections.d.ts",
      "browser": "./dist/browser/visualizations/sections.js",
      "bun": "./dist/visualizations/sections.js",
      "node": "./dist/node/visualizations/sections.js",
      "default": "./dist/visualizations/sections.js"
    },
    "./visualizations/specs.breakdown": {
      "types": "./dist/visualizations/specs.breakdown.d.ts",
      "browser": "./dist/browser/visualizations/specs.breakdown.js",
      "bun": "./dist/visualizations/specs.breakdown.js",
      "node": "./dist/node/visualizations/specs.breakdown.js",
      "default": "./dist/visualizations/specs.breakdown.js"
    },
    "./visualizations/specs.cartesian": {
      "types": "./dist/visualizations/specs.cartesian.d.ts",
      "browser": "./dist/browser/visualizations/specs.cartesian.js",
      "bun": "./dist/visualizations/specs.cartesian.js",
      "node": "./dist/node/visualizations/specs.cartesian.js",
      "default": "./dist/visualizations/specs.cartesian.js"
    },
    "./visualizations/specs.metric": {
      "types": "./dist/visualizations/specs.metric.d.ts",
      "browser": "./dist/browser/visualizations/specs.metric.js",
      "bun": "./dist/visualizations/specs.metric.js",
      "node": "./dist/node/visualizations/specs.metric.js",
      "default": "./dist/visualizations/specs.metric.js"
    }
  }
}
```

## Dependencies

Metadata status: complete pinned manifest.

### Runtime dependencies

- [@lssm-tech/lib.contracts-spec](https://lssm.co/docs/packages/lib.contracts-spec/): `workspace:^`
- [@lssm-tech/lib.design-system](https://lssm.co/docs/packages/lib.design-system/): `workspace:^`
- [@lssm-tech/lib.presentation-runtime-core](https://lssm.co/docs/packages/lib.presentation-runtime-core/): `workspace:^`
- `react`: `catalog:`
- `react-dom`: `catalog:`

### Peer dependencies

No declarations in the inspected manifest.

### Optional dependencies

No declarations in the inspected manifest.

### Development dependencies

- [@lssm-tech/tool.bun](https://lssm.co/docs/packages/tool.bun/): `workspace:*`
- [@lssm-tech/tool.typescript](https://lssm.co/docs/packages/tool.typescript/): `workspace:*`
- `@types/react`: `catalog:types`
- `@types/react-dom`: `catalog:types`
- `typescript`: `catalog:`

### Peer dependency metadata

```json
{}
```

### Bundled dependencies

```json
null
```

## Package scripts

Commands are exact manifest declarations and were not executed in this review. Script metadata status: complete pinned manifest.

```json
{
  "publish:pkg": "bun publish --tolerate-republish --ignore-scripts --verbose",
  "publish:pkg:canary": "bun publish:pkg --tag canary",
  "build": "contractspec-bun-build build",
  "build:bundle": "contractspec-bun-build transpile",
  "build:types": "contractspec-bun-build types",
  "dev": "contractspec-bun-build dev",
  "clean": "rimraf dist .turbo",
  "lint": "bun lint:fix",
  "lint:fix": "node ../../scripts/biome.cjs check --write --unsafe --only=nursery/useSortedClasses . && node ../../scripts/biome.cjs check --write .",
  "lint:check": "node ../../scripts/biome.cjs check .",
  "test": "bun test",
  "prebuild": "contractspec-bun-build prebuild",
  "typecheck": "tsgo --noEmit",
  "preflight": "bun run build && bun run typecheck && bun run test"
}
```

## Declared documentation links

- [Example Visualization Showcase documentation](https://www.npmjs.com/package/%40lssm-tech%2Fexample.visualization-showcase) — declared link; destination not verified.

```json
{
  "url": "https://www.npmjs.com/package/%40lssm-tech%2Fexample.visualization-showcase",
  "kind": "readme"
}
```

## Existing agent-guide projection

```json
{
  "path": "packages/apps/web-landing/public/llms-packages/example.visualization-showcase.txt",
  "route": "/llms/example.visualization-showcase",
  "sourceUrl": "https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/apps/web-landing/public/llms-packages/example.visualization-showcase.txt",
  "blobSha": "c74e1ac98870c5438a62e5a0f866ca70fc807596",
  "sourcePin": "bcc79fcc27c4d801c2119bef81ddcce7b4e86498",
  "bodyEqualsReadme": true,
  "aggregateSourcePath": "packages/apps/web-landing/public/llms-full.txt",
  "aggregateBlobSha": "691b1d33efee24c440598b9106c81432f56aafaf"
}
```