fromNewShuffledDeck()
.pipe(drawCards(52))
.filter(isNumbered)
.groupBy(cardColor)
.pipe(memorize)
.concatAll()
.pipe(renderImage)
.scan( addToElement, html`<div>`)
.value()
fromNewShuffledDeck()
.flatMap(deck_id => obs.of(deck_id)
.pipe(drawCards(52))
.filter(isNumbered)
.bufferCount(3)
.pipe(wrapWithSequenceNumber)
.groupBy(sequenceNumberModulo(numberOfPlayers))
.take(numberOfPlayers)
.map(playerHand => playerHand
.flatMap(unwrap)
.pipe(addCardToPile(deck_id, playerHand.key))
.pipe(renderImage)
.scan(addToElement, html`<div>Player ${playerHand.key}<br>`))
.pipe(memorize)
.combineAll()
.flatMap(divs => obs.from(divs).scan(addToElement, html`<div>`))
.finally(x => currentDeck.next(deck_id)))
.value()
currentDeck.flatMap(deck_id => obs
.of(1,2)
.map(player => allCardsOfPlayer(deck_id, player)
.pipe(getCardValue))
.zipAll(fight)
.filter(hasWinner)
.groupBy(winner)
.flatMap(sumAllPoints))
.pairwise()
.map(pair => html`Player 1: ${pair[0]} <br> Player 2: ${pair[1]}` )
.value()
info[5]
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.
