Perspective › Examples

Webcam — Density Cam

Density chart of x, y and color, with 2 computed expression columns.

Live webcam luminance sampled into a Perspective table at 20fps (falls back to a placeholder image without a camera).

Webcam — Density Cam: Density chart of x, y and color, with 2 computed expression columns.

Data

Live webcam frames streamed into a Perspective table one pixel per row, and rendered back as real-time heatmaps, scatter plots and histograms.

Generated continuously in the browser by a JavaScript simulation streaming into a Perspective Table.

Configuration

This example is a saved <perspective-viewer> workspace. Pass this JSON to viewer.restoreWorkspace() to reproduce it over the same table:

{
    "layout": {
        "type": "tab-layout",
        "tabs": [
            "p0"
        ],
        "selected": 0
    },
    "panels": {
        "p0": {
            "table": "",
            "plugin": "Density",
            "plugin_config": {
                "gradient_intensity": 1,
                "gradient_radius_px": 42
            },
            "title": "Density Cam",
            "expressions": {
                "y": "-floor(\"index\" / 80)",
                "x": "-\"index\" % 80"
            },
            "columns": [
                "x",
                "y",
                "color",
                null
            ],
            "aggregates": {
                "y": "any",
                "x": "any"
            }
        }
    },
    "active": "p0"
}

About Perspective

Perspective is an open-source, WebAssembly-powered data grid, pivot table and charting component for large, real-time and streaming datasets — in the browser, Python, Jupyter, Node.js and Rust.

Documentation