bang = d => d.symbols.position
mutable counter1 = 0;
mutable counter2 = 0;
mutable counter3 = 0;
sheet = { // this is a JS Array of Objects; the key-value pairs consist of the column headers and the cell data
let sheet =[];
const url = "https://docs.google.com/spreadsheets/d/e/2PACX-1vSuH6U3a_e5HJxxguAJjVuNgxyI5wCRd-24f_RyaFE1FeC8HUBFmZVmhcqG74OdO_vPJxGeuwC_s0nh/pub?gid=1094830764&single=true&output=csv";
const spreadsheet = await d3.csv(url).then(data => data.forEach(d => sheet.push(d))); // d3.csv returns a Promise
return sheet;
}
playMusic4 = _url => {
audio.playAudio(_url);
}
mutable state = md`the audio is not playing at the moment`
playMusic4(soundUrl4.url)
audio = AudioInstance()
import {button} from "@jashkenas/inputs"
AudioInstance = () => {
let _a = new Audio();
_a.addEventListener(
'loadeddata',
() => (mutable state = md`the audio is loaded`)
);
_a.addEventListener(
'playing',
() => (mutable state = md`the audio is playing`)
);
_a.addEventListener(
'ended',
() => (mutable state = md`the audio has finished playing`)
);
_a.playAudio = _url => {
_a.setAttribute('src', _url);
_a.setAttribute('src', _url);
_a.load();
_a.play();
};
return _a;
}
soundUrl4 = _files[Aksharas2.indexOf(place3[counter17])]
_files = {
const fetchUrls = files.map(f =>
f.url().then(url => ({ url, name: f.name }))
);
const urls = await Promise.all(fetchUrls);
return urls;
}
html`
<link type="text/css" href="https://gist.github.com/JackKausch/5cd67eab39732db672b1c29abb617b28" rel="stylesheet">
`
import { AngleSlider } from '@tomktjemsland/inputs'
import {textarea} from "@jashkenas/inputs"
//import { HorizontalStack } from '@tomktjemsland/inputs'
manual
a = {
b
return !this;
}
chart4.update(place)
plrce = take(glyphein, filter(positeins, d => d > symbols[0].position2 & d < symbols[0].position3))
chart5.update(place2)
manual[2]
chart7.update(plaice)
mutable counter = 0;
import { analytics } from '@chrispahm/simple-privacy-friendly-web-analytics'
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.
