The avatar for @asg017
Alex Garcia
Software engineer, available for freelance work! • he/him/his
Published
ECE USC
Edited
May 2, 2019
1 star
ECE USC
Graffiti Wall Tutorial
Graffiti Wall
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
//___=md`Awesome! now, whatever changes you make to <username>/graffiti-wall will only effect your repo - they will have no effect on the original eceusc/graffiti-wall repo (until you make a pull request in Step 6!). `
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
checkForkedRepo = async function*(){
//yield false;
//ghUser;
if ((ghUser.Ready && ghUser.message !== 'Not Found')) {
const resp = await fetch(`https://api.github.com/repos/${_username}/graffiti-wall`).then( (r) => r.json())
yield resp
}
else {
yield 'waiting';
}
}
Insert cell
Insert cell
Insert cell
Insert cell
woohoo = (msg) =>

html`
<div style="width:100%; font-size:64px;text-align:center;display:block;">
<span>🎉</span>
<div style="font-size:40px">${msg}<br/><span style="font-size:22px;"> 👇🏽 continue below 👇🏽</span> </div>

</div>
`
Insert cell
Insert cell
btn = (msg, e) => {
const btn = html`<div class="btn">${msg}</div>`
if(e) btn.addEventListener('click', e)
return btn
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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