Playground — Connected 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 · CLAUDE.md · schema.json · API Reference · Examples

View on GitHub · npx semiotic-ai for CLI access

Machine-readable page content

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

Connected Scatterplot Playground

Points connected in sequence, colored with viridis from start (purple) to end (yellow). Line width matches point radius. White halo appears under lines when fewer than 100 points.

Dataset:

Points

Point Radius

Layout

Show Grid

Interaction

Enable Hover

Generated Code

JSX

import { ConnectedScatterplot } from "semiotic" const data = [...] // Country Development (25 pts) <ConnectedScatterplot data={data} xAccessor="x" yAccessor="y" orderAccessor="year" orderLabel="Year" showGrid xLabel="GDP per capita" yLabel="Life Expectancy" />