Data Visualization Consultant, and an enthusiastic generalist in building software systems
url = `www.goodreads.com/choiceawards/best-historical-fiction-books-2020`
Inputs.table(books)
books = {
const books = [];
// loop through books
GRBODY.selectAll(".inlineblock.pollAnswer.resultShown").each(function (br) {
// get votes text
const votes = d3.select(this).select(".uitext.result").text();
// add to an object
books.push({
votes: votes
});
});
return books;
}
// Get the HTML BODY of the url as a d3 selection
GRBODY = d3.select(getSourceAsDOM(`${corsbypass}${url}`).body)
corsbypass = `https://cors-anywhere-git-ashish.herokuapp.com/`
// Get DOM of a URL
function getSourceAsDOM(url) {
const xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", url, false);
xmlhttp.send();
const parser = new DOMParser();
return parser.parseFromString(xmlhttp.responseText, "text/html");
}
import { Inputs } from "@observablehq/inputs"
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.
