Published
Edited
Dec 17, 2020
Insert cell
Insert cell
Insert cell
Insert cell
viewof sessionId = html`<input>`
Insert cell
Insert cell
md`## Внешние ресурсы`
Insert cell
md`Импортируем библиотеку lodash`
Insert cell
Insert cell
md`А теперь импортируем подходящее поле ввода`
Insert cell
Insert cell
md`Прочитаем слова из поля ввода и превратим в массмв отдельных слов.`
Insert cell
Insert cell
md`Подключим сервис Cloud Firesore для для web-приложенния на основе Google Firebase`
Insert cell
Insert cell
md`Инициализируем приложение Firebase и получим сервис Firestore.`
Insert cell
Insert cell
md`Введём функцию обработки ввеода новых слов для отправки их на сервер (в Firesotre). Она будет показывать, успел ли пользователь отправить слова для данной сессии`
Insert cell
Insert cell
Insert cell
Insert cell
md`Подготовим список полученных слов для отображения на диаграмме "Облако слов"`
Insert cell
wordsData = _.chain(cloudWords)
.countBy()
.entries()
.map(([text, value]) => ({text, value: value * 10}))
.value()


Insert cell
import {chart as cloudChart} with {wordsData as data} from '@d3/word-cloud'
Insert cell

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
Learn more