Skip to content

Instantly share code, notes, and snippets.

@lvngd
lvngd / mortonCodes.html
Created May 22, 2024 18:15
WebGPU compute shader to compute Morton codes from 3-D coordinates
<!DOCTYPE html>
<html lang="en">
<body>
<canvas></canvas>
<script>
async function main(device) {
/* WEBGPU CONTEXT SETUP */
const canvas = document.querySelector('canvas');
@lvngd
lvngd / rectCollide.js
Created September 22, 2021 16:00
rectCollide for D3 V6
function rectCollide() {
var nodes,sizes,masses;
var strength = 1;
var iterations = 1;
var nodeCenterX;
var nodeMass;
var nodeCenterY;
function force() {
let yearAlbum = {};
let yearCount = new Map();
for (let i = 0; i < data.length; i++) {
for (let j = 0; j < data[i].bandAlbums.length; j++) {
if (!yearCount.has(data[i].bandAlbums[j].albumYear)) {
yearCount.set(`${data[i].bandAlbums[j].albumYear}`, 1)
} else {
yearCount.set(`${data[i].bandAlbums[j].albumYear}`, yearCount.get(`${data[i].bandAlbums[j].albumYear}`) + 1)
}
@lvngd
lvngd / jsonToPostgres.js
Last active March 25, 2021 16:15
Code to insert darklyrics JSON data into postgres using Node + Knex
const knex = require('knex')({
client: 'pg',
connection: 'postgresql://darklyricsuser:darklyricspassword@localhost/darklyrics',
});
const fs = require('fs');
const data = JSON.parse(fs.readFileSync('/Users/christina/Downloads/results(1).json', 'utf8'));
async function insertBand(band) {
@lvngd
lvngd / createTables.js
Last active March 25, 2021 16:18
Node + Knex code to create postgres tables for darklyrics data
/*
1st create database:
-go into the interactive interpreter
psql postgres
Here we're creating:
1. a databased called 'darklyrics'
2. a user 'darklyricsuser'
3. with password 'darklyricspassword'
@lvngd
lvngd / d3_random_subsets.js
Created March 10, 2021 19:52
Demo of D3 data joins - displaying random subsets from a grid of circles.
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v6.min.js"></script>
</head>
<body>
<div id="chart"></div>
</body>
['a',
'ao',
'aos',
'aquela',
'aquelas',
'aquele',
'aqueles',
'aquilo',
'as',
'até',
['a',
'about',
'above',
'after',
'again',
'against',
'ain',
'all',
'am',
'an',
let words = ['cat','dog','mouse','rabbit','dog','dog','mouse','cat'];
let wordsSet = new Set(words)
let wordMap = new Map();
for(word in words){
let current = words[word];
if (wordMap.has(current)){
//is in the map, so get the current value and increment by one
let svg = d3.select('#chart')
.append('div')
.classed('svg-container', true)
.append('svg')
.attr("preserveAspectRatio", "xMinYMin meet")
.attr("viewBox", `0 0 ${width} ${height}`)
.classed('svg-content-responsive', true)
.append('g')
.attr('transform', `translate(${margin.left}, ${margin.top})`)