Playground — Scatterplot — Semiotic

Home · Getting Started · Charts · Features · Playground

This page requires JavaScript for interactive chart demos.

AI / Machine-readable docs: llms.txt · llms-full.txt · Full AI Reference · schema.json · API Reference · Examples

View on GitHub · npx semiotic-ai for CLI access

Machine-readable page content

Canonical: https://semiotic.nteract.io/playground/scatterplot

Scatterplot Playground

Experiment with Scatterplot props in real time. Adjust the controls below the chart to see how each prop affects the visualization, then copy the generated code.

Dataset:

Data safe · 2 numeric fields checkedData Truth Lens

The current data satisfies this chart’s declared numeric contract:

x: x · scale domain · values required
y: y · scale domain · values required

Points

Point Radius

Point Opacity

Interaction

Enable Hover

Layout

Show Grid

Show Legend

Labels

X Label

Y Label

Title

Generated Code

The link restores this exact configuration; the config is a portable ChartConfig artifact.

JSX

import { Scatterplot } from "semiotic" const data = [ { x: 160, y: 55 }, { x: 165, y: 62 }, { x: 170, y: 68 }, // ...15 points ] <Scatterplot data={data} />