Briesemeister GLSL / Fil

Fil

Vocateur.

Workspace

Published

Edited

Mar 7, 2020

3 forks

GLSL projections

Rectangular Polyconic GLSL Satellite GLSL Van Der Grinten IV GLSL Van Der Grinten III GLSL Van Der Grinten II GLSL Winkel Tripel GLSL Lee Modified Stereographic GLSL Miller Oblated Stereographic GLSL Modified Stereographic GS48 GLSL Modified Stereographic GS50 GLSL Foucaut GLSL Lagrange GLSL Kavrayskiy VII GLSL Eisenlohr GLSL Eckert VI GLSL Eckert V GLSL Eckert IV GLSL Eckert III GLSL Eckert II GLSL Eckert I GLSL Bertin1953 GLSL Wagner VI GLSL Phytoplankton

Briesemeister GLSL

Rectilinear GLSL Azimuthal Equal-Area GLSL WebMercator to globe Cordiform GLSL Transverse Mercator GLSL Mercator GLSL Mollweide GLSL Atlantis GLSL Wiechel GLSL Wagner VII GLSL Times GLSL Wagner IV GLSL Equal Earth GLSL Conic Equal-Area GLSL Albers GLSL Equirectangular GLSL Conic Conformal GLSL Conic Equidistant GLSL Van Der Grinten GLSL Littrow GLSL Azimuthal Equidistant GLSL Armadillo GLSL Larrivée GLSL Cylindrical Equal-Area GLSL Aitoff GLSL Airy GLSL August GLSL Berghaus GLSL Baker Transverse GLSL Baker GLSL Boggs GLSL Bonne GLSL Hammer GLSL Bromley GLSL Bottomley GLSL Collignon GLSL Fahey GLSL Transverse Fahey GLSL Loximuthal GLSL Cylindrical Stereographic GLSL Cylindrical Equal-Area GLSL Polyconic GLSL Patterson GLSL Miller GLSL Robinson GLSL

Also listed in…

Projections

{

fullscreen(canvas, { center: true });

const drawgl = createDrawCommand(regl);

do {

const lon = +((Date.now() / 100) % 360).toFixed(2);

projection.rotate([lon, eye.match(/north/) ? 90 : -90]);

drawgl();

canvas.render();

yield lon;

} while (true);

}

// Image source https://www.solarsystemscope.com/textures/

image = FileAttachment("8k_jupiter.jpg")

.image()

.then(d => Object.assign(d, { style: "max-height:100px" }))

projection = d3.geoProjection(d3.geoHammerRaw(1.75, 2)).rotate([-10, 90])

breisemeister = () => `

x /= 1.75;

float rho = sqrt(x * x + y * y);

if (rho > sqrt(2.0)) {

transparent = true;

} else {

float c = 2.0 * asin(rho / 2.0);

float sinc = sin(c);

float cosc = cos(c);

lambda = 2.0 * atan(x * sinc, rho * cosc);

phi = asin(y * sinc / rho);

}

projection.fitExtent([[10, 10], [width - 10, height - 10]], { type: "Sphere" })

glproj = breisemeister()

import { reglCanvas, createDrawCommand, regl, fullscreen, height } with {

width,

projection,

glproj,

image

} from "@fil/phytoplankton"

d3 = require("d3-geo", "d3-geo-projection")

import { radio } from "@jashkenas/inputs"

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