# Supplied weights mapped to marker area
Supplied weights mapped to marker area.

## APIs demonstrated

- [WeightedPointSeries](/reference/components/weighted-point-series/) from `@pibbl/core/viz`
- [WeightedPointSeriesProps](/reference/components/weighted-point-series/) from `@pibbl/core/viz`
- [WeightedPointSeriesStyle](/reference/components/weighted-point-series/) from `@pibbl/core/viz`
- [WeightAccessor](/reference/components/weighted-point-series/) from `@pibbl/core/viz`

## Complete example

[Plain source](/minimal/viz/weighted-point-series.tsx). Run as a browser module after the document body exists. TSX uses `jsx: "react-jsx"` and `jsxImportSource: "@pibbl/core"`.

```tsx
import { pibbl } from "@pibbl/core";
import {
  LinearScale,
  WeightedPointSeries,
  type WeightedPointSeriesProps,
  type WeightedPointSeriesStyle,
  type WeightAccessor,
} from "@pibbl/core/viz";

const observations = [
  { concentration: 0.3, inhibition: 18, precision: 16 },
  { concentration: 1, inhibition: 49, precision: 64 },
  { concentration: 3, inhibition: 78, precision: 100 },
];
const weight: WeightAccessor<(typeof observations)[number]> = "precision";
const style: WeightedPointSeriesStyle = {
  fill: "#087f8c",
  stroke: "#04575b",
  strokeWidth: 1,
};
const points: WeightedPointSeriesProps<(typeof observations)[number]> = {
  data: observations,
  x: "concentration",
  y: "inhibition",
  weight,
  xScale: "concentration",
  yScale: "inhibition",
  weightDomain: [0, 100],
  radiusRange: [0, 10],
  style,
};
const canvas = document.createElement("canvas");
canvas.width = 400;
canvas.height = 300;
document.body.append(canvas);
const app = pibbl(
  canvas,
  <LinearScale id="concentration" domain={[0, 4]} range={[40, 360]}>
    <LinearScale id="inhibition" domain={[0, 100]} range={[260, 30]}>
      <WeightedPointSeries {...points} />
    </LinearScale>
  </LinearScale>,
);
window.addEventListener("pagehide", () => app.dispose(), { once: true });

```

## Usage notes



## Documentation version

Documentation built with @pibbl/core 0.0.2, revision dd39ce2. ALPHA — NOT FOR PRODUCTION USE.