Skip to content

Instantly share code, notes, and snippets.

View haehn's full-sized avatar
🤠

Daniel Haehn haehn

🤠
161 followers · 29 following
View GitHub Profile
@haehn
haehn / index.html
Created April 11, 2024 13:28
CS617 Storytelling Starter Code
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vega@latest"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-lite@latest"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-embed@latest"></script>
</head>
<body>
<div id='text1'>
@haehn
haehn / index.html
Created March 6, 2024 14:40
JacobsCatsVsDogz
<html>
<head>
<title>CATZ vs DOGZ</title>
<style>
body {
color: white;
background: black;
overflow: hidden;
margin: 20px;
@haehn
haehn / svg.html
Created February 27, 2024 02:22
SVG Shapes
<!DOCTYPE html>
<html>
<head>
<style>
body {
color: white;
background-color: black;
width: 100%;
height: 100%;
@haehn
haehn / plotly.html
Created February 8, 2024 21:25
CS617 Plotly.js 1
<html>
<head>
<script src='https://cdn.plot.ly/plotly-latest.min.js'></script>
</head>
<body>
<div id='myDiv'></div>
<script>
var semesters = ['F16', 'Sp17', 'F17', 'Sp18', 'F18', 'Sp19', 'F19', 'Sp20', 'F20', 'Sp21', 'F21', 'Sp22', 'F22', 'Sp23', 'F23'];
@haehn
haehn / template.html
Created December 8, 2023 14:50
SkySphere Template
<html>
<head>
<style>
html, body {
background-color:#000;
margin: 0;
padding: 0;
height: 100%;
overflow: hidden !important;
}
@haehn
haehn / taichijs.html
Created December 1, 2023 15:12
Hello Triangle Taichi.js!
<html>
<head>
<title>Taichi.js</title>
<style>
html, body { width: 100%; height: 100%; padding: 0; margin: 0; }
#c { width: 100%; height: 100%; }
</style>
<script src="https://unpkg.com/taichi.js/dist/taichi.umd.js"></script>
@haehn
haehn / babylonjs.html
Created December 1, 2023 15:12
Hello Triangle Babylon.js + WebGPU
<html>
<head>
<title>Babylon.js</title>
<style>
html, body { width: 100%; height: 100%; padding: 0; margin: 0; }
#c { width: 100%; height: 100%; }
</style>
<script src="https://cdn.babylonjs.com/babylon.js"></script>
@haehn
haehn / webgpu.html
Created December 1, 2023 15:11
Hello Triangle WebGPU
<!-- for linux: google-chrome --enable-unsafe-webgpu --use-vulkan=true --test-type --enable-features=Vulkan -->
<html>
<head>
<title>WebGPU Hello Triangle</title>
<style>
html, body { width: 100%; height: 100%; padding: 0; margin: 0; }
#c { width: 100%; height: 100%; }
</style>
</head>
<body>
@haehn
haehn / niivue.html
Created November 1, 2023 19:49
NiiVue Volume access test!
<html>
<head>
<title>NiiVue!</title>
<style>
body {
background-color:#000;
margin: 0;
padding: 0;
height: 100%;
overflow: hidden !important;
@haehn
haehn / xtk.html
Created October 13, 2023 12:29
CS460 XTK+DAT.GUI
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<style>
html, body {
background-color: #000;
margin: 0;
padding: 0;