Public
Edited
Nov 27, 2024
1 fork
Insert cell
Insert cell
viewof title = Inputs.text({label: "Book Title"})
Insert cell
viewof author = Inputs.text({label: "Book Author"})
Insert cell
jsonURL="https://openlibrary.org/search.json?q=" + title.replaceAll(' ',"%20") + "+" + author.replaceAll(' ',"%20")
Insert cell
bookSearch = d3.json(jsonURL)
Insert cell
viewof bookSubject = Inputs.select(bookSearch.docs[0].subject, {label: "Book Genre"})
Insert cell
viewof bookSubject2 = Inputs.select(bookSearch.docs.map(d=>d.subject))
Insert cell
viewof bookAuthors = Inputs.select(bookSearch.docs.map(d=>d.author_name))
Insert cell
viewof bookVar = Inputs.select(bookSearch.docs.map(d=>String(d.first_publish_year)))
Insert cell
fetch("https://covers.openlibrary.org/b/isbn/0385472579-S.jpg")
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