The avatar for @cpietsch
Christopher Pietsch
Visualization, Prototypes, ML, Data wrangling and Art.
Public
Edited
Nov 13, 2022
1 fork
9 stars
pixijs
Vias: fisheye view snappy mousemoveFinal Prototype: cloud + list interaction
Fisheye: Zoomable UMAP image collection
Pixi Renderer
Also listed in…
SMB Prototypes
good
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
margin = ({top: 20, right: 20, bottom: 20, left: 20})
Insert cell
height = Math.ceil(width * screen.height / screen.width)
Insert cell
x = d3.scaleLinear()
.domain(d3.extent(umap, d => d.x)).nice()
.range([margin.left, width - margin.right])
Insert cell
y = d3.scaleLinear()
.domain(d3.extent(umap, d => d.y)).nice()
.range([height - margin.bottom, margin.top])
Insert cell
scale = Math.sqrt((width * height) / umap.length) / 400
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
{
sprites;
renderer.resize(width,height);
renderer.render(container)
return container.children.length; //return PIXI.js container size to confirm only new sprites/Textures are created
}
Insert cell
import { renderer, container, PIXI } from "@cpietsch/pixi-renderer"
Insert cell
import { getTextureStream, sprites } with {loadDelay as delay } from "68b54e3f54ebd551"
Insert cell
Insert cell
d3fisheye = require("d3-fisheye")
Insert cell
loadDelay = 0
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more