-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
81 lines (78 loc) · 12.3 KB
/
Copy pathindex.html
File metadata and controls
81 lines (78 loc) · 12.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<title>Perspective — WebAssembly data grid, pivot table and charts for streaming data</title>
<meta name="description" content="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." />
<link rel="canonical" href="https://perspective-dev.github.io/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Perspective" />
<meta property="og:title" content="Perspective — WebAssembly data grid, pivot table and charts for streaming data" />
<meta property="og:description" content="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." />
<meta property="og:url" content="https://perspective-dev.github.io/" />
<meta property="og:image" content="https://perspective-dev.github.io/projects/light/collage.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Perspective — WebAssembly data grid, pivot table and charts for streaming data" />
<meta name="twitter:description" content="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." />
<meta name="twitter:image" content="https://perspective-dev.github.io/projects/light/collage.png" />
<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Perspective","description":"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.","url":"https://perspective-dev.github.io/","image":"https://perspective-dev.github.io/projects/light/collage.png","applicationCategory":"DeveloperApplication","applicationSubCategory":"Data visualization","operatingSystem":"Web, Windows, macOS, Linux","softwareVersion":"5.5.1","license":"https://www.apache.org/licenses/LICENSE-2.0","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"sameAs":["https://github.com/perspective-dev/perspective","https://www.npmjs.com/package/@perspective-dev/client","https://pypi.org/project/perspective-python/","https://crates.io/crates/perspective"]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareSourceCode","name":"Perspective","description":"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.","codeRepository":"https://github.com/perspective-dev/perspective","license":"https://www.apache.org/licenses/LICENSE-2.0","programmingLanguage":["C++","Rust","TypeScript","Python"],"runtimePlatform":["WebAssembly","Node.js","Python"]}</script>
<link rel="icon" type="image/svg+xml" href="/svg/perspective_logo.svg" />
<link rel="stylesheet" href="/style.css" />
<noscript>
<style>
#app {
display: none;
}
#about {
display: block;
position: static;
margin: 0 auto;
border: none;
max-width: 860px;
max-height: none;
}
#about .about__close {
display: none;
}
</style>
</noscript>
</head>
<body>
<div class="app-shell" id="app" data-sidebar="expanded">
<perspective-viewer id="viewer"></perspective-viewer>
</div>
<dialog id="about" class="about">
<article class="about__body">
<button type="button" class="about__close" data-role="close" aria-label="Close">×</button>
<h1>Perspective: an open-source data grid, pivot table and charts for real-time data</h1>
<p>Perspective is an open-source data grid, pivot table and charting component for large, real-time and streaming datasets. Build user-configurable reports, dashboards, notebooks and embedded analytics applications, backed by a high-performance streaming query engine that runs in-browser via WebAssembly or server-side in Python, Node.js and Rust — or delegates to a database you already have.</p>
<p><img
class="about__collage"
loading="lazy"
decoding="async"
width="1200"
alt="A collage of Perspective data grids, pivot tables, charts and maps"
src="/projects/light/collage.png"
/></p>
<h2>Install</h2>
<dl class="about__install"><dt>JavaScript</dt><dd><pre><code>npm install @perspective-dev/client @perspective-dev/server @perspective-dev/viewer @perspective-dev/viewer-datagrid @perspective-dev/viewer-charts</code></pre></dd><dt>React</dt><dd><pre><code>npm install @perspective-dev/react</code></pre></dd><dt>Python and Jupyter</dt><dd><pre><code>pip install "perspective-python[jupyter]"</code></pre></dd><dt>Rust</dt><dd><pre><code>cargo add perspective</code></pre></dd></dl>
<h2>Examples</h2>
<ul class="about__examples"><li><a href="/gallery/superstore.html">Superstore</a></li><li><a href="/gallery/superstore-overview.html">Superstore (Workspace)</a></li><li><a href="/gallery/fractal.html">Mandelbrot</a></li><li><a href="/gallery/raycasting.html">Raycasting</a></li><li><a href="/gallery/nypd.html">NYPD CCRB</a></li><li><a href="/gallery/nypd-3.html">NYPD CCRB</a></li><li><a href="/gallery/nypd-2.html">NYPD CCRB</a></li><li><a href="/gallery/nypd-4.html">NYPD CCRB</a></li><li><a href="/gallery/evictions-2.html">SF Evictions</a></li><li><a href="/gallery/evictions-3.html">SF Evictions</a></li><li><a href="/gallery/movies.html">Movies</a></li><li><a href="/gallery/olympics.html">Olympics</a></li><li><a href="/gallery/market-trading-desk.html">Market</a></li><li><a href="/gallery/market-trading-desk-2.html">Market — Themed</a></li><li><a href="/gallery/market-order-flow.html">Market — Orders</a></li><li><a href="/gallery/market-order-flow-themed.html">Market — Orders Themed</a></li><li><a href="/gallery/webcam-video-wall.html">Webcam — Video Wall</a></li><li><a href="/gallery/webcam-video-wall-2.html">Webcam — Video Wall Themed</a></li><li><a href="/gallery/market-heatmap.html">Market — Heatmap</a></li><li><a href="/gallery/market-heatmap-closed.html">Market — Heatmap (Closed)</a></li><li><a href="/gallery/market-closed-orders-s-bucket.html">Market — Closed Orders ((s) bucket)</a></li><li><a href="/gallery/market-closed-orders.html">Market — Closed Orders</a></li><li><a href="/gallery/market-mid-timeseries.html">Market — Mid Timeseries</a></li><li><a href="/gallery/market-depth-timeseries.html">Market — Depth Timeseries</a></li><li><a href="/gallery/market-blotter.html">Market — Blotter</a></li><li><a href="/gallery/market-order-book.html">Market — Order Book</a></li><li><a href="/gallery/market-order-book-chart.html">Market — Order Book (Chart)</a></li><li><a href="/gallery/market-candlestick.html">Market — Candlestick</a></li><li><a href="/gallery/market-candlestick-2.html">Market — Candlestick 2</a></li><li><a href="/gallery/market-order-book-all-status.html">Market — Order Book (All Status)</a></li><li><a href="/gallery/market-order-book-scatter-all-status.html">Market — Order Book (Scatter All Status)</a></li><li><a href="/gallery/market-order-book-stack-all-status.html">Market — Order Book (Stack All Status)</a></li><li><a href="/gallery/market-candlestick-3-son-of-candllestick.html">Market — Candlestick 3 Son Of Candllestick</a></li><li><a href="/gallery/webcam-spreadsheet-cam.html">Webcam — Spreadsheet Cam</a></li><li><a href="/gallery/webcam-heatmap-cam.html">Webcam — Heatmap Cam</a></li><li><a href="/gallery/webcam-downsampled-heatmap-cam.html">Webcam — Downsampled Heatmap Cam</a></li><li><a href="/gallery/webcam-luminosity-histogram.html">Webcam — Luminosity Histogram</a></li><li><a href="/gallery/webcam-small-spreadsheet-cam.html">Webcam — Small Spreadsheet Cam</a></li><li><a href="/gallery/webcam-max-headroom.html">Webcam — Max Headroom</a></li><li><a href="/gallery/webcam-scatter-cam.html">Webcam — Scatter Cam</a></li><li><a href="/gallery/webcam-raw-stream.html">Webcam — Raw Stream</a></li><li><a href="/gallery/webcam-density-cam.html">Webcam — Density Cam</a></li><li><a href="/gallery/benchmarks-js.html">Benchmarks — JavaScript</a></li><li><a href="/gallery/benchmarks-js-history.html">Benchmarks — JavaScript by release</a></li><li><a href="/gallery/benchmarks-python.html">Benchmarks — Python</a></li><li><a href="/gallery/benchmarks-python-history.html">Benchmarks — Python by release</a></li></ul>
<p><a href="/gallery/index.html">All 130 examples</a></p>
<h2>Documentation</h2>
<nav class="about__links"><section><h3>Guide</h3><ul><li><a href="/guide/index.html">What is Perspective</a></li><li><a href="/guide/explanation/architecture.html">Data architecture: client-only, replicated, server-only</a></li><li><a href="/guide/explanation/table.html">Table: streaming columnar storage</a></li><li><a href="/guide/explanation/view.html">View: pivots, aggregates, filters and expressions</a></li><li><a href="/guide/explanation/join.html">Joins</a></li><li><a href="/guide/explanation/virtual_servers.html">Virtual servers for DuckDB, ClickHouse, PostgreSQL and Polars</a></li><li><a href="/guide/benchmarks.html">Benchmarks</a></li><li><a href="/guide/glossary.html">Glossary</a></li><li><a href="/guide/FAQ.html">FAQ</a></li></ul></section><section><h3>Use cases</h3><ul><li><a href="/guide/use_cases/real_time_dashboard.html">Real-time dashboards over WebSocket</a></li><li><a href="/guide/use_cases/streaming_pivot_table.html">Streaming pivot tables</a></li><li><a href="/guide/use_cases/large_datasets.html">Millions of rows in the browser</a></li><li><a href="/guide/use_cases/market_data.html">Trading blotters, order books and market data</a></li><li><a href="/guide/use_cases/jupyter.html">Interactive pivot tables and charts in Jupyter</a></li><li><a href="/guide/use_cases/database_ui.html">A UI for DuckDB, ClickHouse and PostgreSQL</a></li><li><a href="/guide/use_cases/ducklake.html">Case study: a multi-billion row tick history in a browser tab with DuckLake and DuckDB-WASM</a></li><li><a href="/guide/use_cases/embedded_analytics.html">Embedded analytics in a web application</a></li><li><a href="/guide/use_cases/agent.html">LLM and agent-driven analytics</a></li></ul></section><section><h3>Get started</h3><ul><li><a href="/guide/how_to/javascript/installation.html">JavaScript installation</a></li><li><a href="/guide/how_to/javascript/react.html">React</a></li><li><a href="/guide/how_to/python/installation.html">Python installation</a></li><li><a href="/guide/how_to/python/jupyterlab.html">PerspectiveWidget for Jupyter</a></li><li><a href="/gallery/index.html">Example gallery</a></li></ul></section><section><h3>API reference</h3><ul><li><a href="/viewer/modules/perspective-viewer.html">perspective-viewer Web Component</a></li><li><a href="/browser/modules/src_ts_perspective.browser.ts.html">JavaScript client</a></li><li><a href="/react/index.html">React</a></li><li><a href="/python/index.html">Python</a></li><li><a href="https://docs.rs/perspective/latest/perspective/">Rust</a></li></ul></section></nav>
<footer class="about__footer"><p>
<a href="https://github.com/perspective-dev/perspective">GitHub</a> ·
<a href="https://www.npmjs.com/package/@perspective-dev/client">npm</a> ·
<a href="https://pypi.org/project/perspective-python/">PyPI</a> ·
<a href="https://crates.io/crates/perspective">crates.io</a> ·
Apache-2.0 · A member project of the
<a href="https://openjsf.org/">OpenJS Foundation</a>.
</p></footer>
</article>
</dialog>
<script type="module" src="/index.js"></script>
</body>
</html>