Demo of Perspective.
A ray-tracing engine written as an ExprTK Expression within Perspective.
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> | |
<script type="module" src="https://cdn.jsdelivr.net/npm/@finos/perspective@2.1.1/dist/cdn/perspective.js"></script> | |
<script type="module" src="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer@2.1.1/dist/cdn/perspective-viewer.js"></script> | |
<script type="module" src="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer-datagrid@2.1.1/dist/cdn/perspective-viewer-datagrid.js"></script> | |
<script type="module" src="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer-d3fc@2.1.1/dist/cdn/perspective-viewer-d3fc.js"></script> | |
<link rel="stylesheet" crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer/dist/css/themes.css" /> |
Demo of Perspective.
A ray-tracing engine written as an ExprTK Expression within Perspective.
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/> | |
<script src="https://cdn.jsdelivr.net/npm/tdigest@0.1.2/dist/tdigest.js"></script> | |
<script type="module" src="https://cdn.jsdelivr.net/npm/@finos/perspective@latest/dist/cdn/perspective.js"></script> | |
<script type="module" src="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer@latest/dist/cdn/perspective-viewer.js"></script> | |
<script type="module" src="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer-datagrid@latest/dist/cdn/perspective-viewer-datagrid.js"></script> |
license: apache-2.0 |
<!-- | |
Copyright (c) 2017, the Perspective Authors. | |
This file is part of the Perspective library, distributed under the terms of | |
the Apache License 2.0. The full license can be found in the LICENSE file. | |
--> | |
<!DOCTYPE html> |
<!-- | |
Copyright (c) 2017, the Perspective Authors. | |
This file is part of the Perspective library, distributed under the terms of | |
the Apache License 2.0. The full license can be found in the LICENSE file. | |
--> | |
<!DOCTYPE html> |
<html> | |
<head> | |
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" /> | |
<link rel="stylesheet" crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/@finos/perspective-workspace/dist/css/material.css"/> | |
<script src="https://cdn.jsdelivr.net/npm/@finos/perspective-workspace@latest"></script> | |
<script src="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer-datagrid@latest"></script> | |
<script src="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer-d3fc@latest"></script> | |
<script src="https://cdn.jsdelivr.net/npm/@finos/perspective@latest"></script> | |
<style> | |
body{display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;overflow:hidden}perspective-workspace{position:absolute;top:0;left:0;right:0;bottom:0}#buttons>*{padding:6px;margin:5px}button{background-color:inherit;cursor:pointer}button:hover{border:1px solid #00f!important}bo |
license: apache-2.0 |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/> | |
<script type="module" src="https://cdn.jsdelivr.net/npm/@finos/perspective/dist/cdn/perspective.js"></script> | |
<script type="module" src="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer/dist/cdn/perspective-viewer.js"></script> | |
<script type="module" src="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer-datagrid/dist/cdn/perspective-viewer-datagrid.js"></script> | |
<script type="module" src="https://cdn.jsdelivr.net/npm/@finos/perspective-viewer-d3fc/dist/cdn/perspective-viewer-d3fc.js"></script> |
Perspective demo with 1,000,000 rows (configurable)